fmui-base 2.0.66 → 2.0.68

package/lib/react_grid/react_grid copy.js

@@ -11,6 +11,8 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _umi = require('umi');
+
 var _reactGridLayout = require('react-grid-layout');
 
 var _reactGridLayout2 = _interopRequireDefault(_reactGridLayout);
@@ -43,6 +45,14 @@ var _Button = require('saltui/lib/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
+var _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
+var _Refreshcontrol = require('saltui/lib/Refreshcontrol');
+
+var _Refreshcontrol2 = _interopRequireDefault(_Refreshcontrol);
+
 require('react-grid-layout/css/styles.css');
 
 require('react-resizable/css/styles.css');
@@ -88,37 +98,94 @@ var MyGrid = function (_React$Component) {
     var _this = _possibleConstructorReturn(this, (MyGrid.__proto__ || Object.getPrototypeOf(MyGrid)).call(this, props));
 
     _this.initPage = function () {
+      var t = _this;
       // 部件的初始化信息
-      _db2.default.reactGrid.getPortalPage({ id: '' }).then(function (res) {
-        console.log('====================================');
-        console.log(res, 'resresresresres');
-        console.log('====================================');
-
-        _this.setState({
-          data: res
+      _db2.default.reactGrid.getPortalPage({ id: t.state.portalId, module: t.state.module }).then(function (res) {
+        if (res && res.length > 0) {
+          _this.setState({
+            data: res
+          });
+          res.map(function (item) {
+            if (item.portletCode == 'banner') {
+              _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)));
+              _this.getRemindCount();
+            } else if (item.portletCode == 'image') {
+              _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)));
+            } else if (item.portletCode == 'cyyy') {
+              t.getShoucangAppInfo(item.id);
+              t.getOftenList(item.id);
+              _this.getRemindCount();
+            } else if (item.portletCode !== 'tbgl') {
+              var _params = {
+                code: item.portletCode,
+                ppId: item.id
+              };
+              _db2.default.reactGrid.getComponentInfoListAll(_params).then(function (res) {
+                _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, res));
+              });
+            }
+          });
+        } else {
+          _Toast2.default.show({
+            type: 'fail',
+            content: '未找到门户信息',
+            duration: 2000
+          });
+        }
+      }).catch(function (error) {
+        _Toast2.default.show({
+          type: 'fail',
+          content: error.errorMsg,
+          duration: 2000
         });
-        res.map(function (item) {
-          if (item.portletCode !== 'banner' && item.portletCode !== 'tbgl') {
-            var params = {
-              code: item.portletCode,
-              ppId: item.id
-            };
-            _db2.default.reactGrid.getComponentInfoListAll(params).then(function (res) {
-              console.log(res, '????????????????????????');
-              _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, res));
-            });
-          } else if (item.portletCode == 'banner') {
-            _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)), function () {
-              console.log(_this.state, '///////////////////////////');
-            });
-          }
+      });
+
+      var params = {};
+      _db2.default.reactGrid.getNewHomePageTodoData(params).then(function (content) {
+        var openModule = content.hpOpenModule ? content.hpOpenModule : "";
+        localStorage.setItem('hpOpenModule', openModule);
+        // let todoData = content.todoData != null ? content.todoData.entity : {};
+        // let pageTitle = todoData.pageTitle;
+        // if (!pageTitle || pageTitle == '') {
+        //   pageTitle = '一网通办管理平台'
+        // }
+        // setPageTitle(pageTitle);
+      });
+    };
+
+    _this.getShoucangAppInfo = function (id) {
+      _db2.default.reactGrid.getNewHomePageCollectAppInfoList({ showClient: "DING" }).then(function (result) {
+        _this.setState(_defineProperty({}, 'wdsc' + '_' + id, result.data), function () {
+          // console.log(this.state, 'mmmmmmmmmmmmmmmmmmmmmmmmmmmmmm');
         });
+      }).catch(function (error) {});
+    };
+
+    _this.getOftenList = function (id) {
+      var data = getLoginUserInfo();
+      var thirdMenuType = data.thirdMenuType;
+      var params = { code: "cyyy" };
+      if (thirdMenuType == null || thirdMenuType == 'null' || thirdMenuType == undefined || thirdMenuType == 'undefined') {
+        thirdMenuType = 'DING';
+      }
+      params.showClient = thirdMenuType;
+      _db2.default.reactGrid.getComponentInfoListAll(params).then(function (content) {
+        if (content) {
+          _this.setState(_defineProperty({}, 'cyyy' + '_' + id, content));
+          var appOftenListlocal = JSON.stringify(content);
+          // localStorage.setItem(['cyyy' + '_' + id], appOftenListlocal);
+          localStorage.setItem('appOftenList', appOftenListlocal);
+        }
+      }).catch(function (error) {
+        console.error(error);
       });
-      _this.getRemindCount();
-      _this.getShoucangAppInfo();
     };
 
+    var portalId = props.portalId;
+    var module = props.module;
     _this.state = {
+      portalId: portalId,
+      module: module,
       data: [],
       isDraggable: false,
       //标题样式
@@ -150,6 +217,10 @@ var MyGrid = function (_React$Component) {
       bannerPicPath: '',
       activeIndex: 2,
       undo: 0, //待办数量
+      approveundo: 0, //审批数量
+      toBeAttendedCount: 0, //会议数量
+      unreadMailCount: 0, //未读邮件 
+      unreadPubMailCount: 0, //未读公共邮件
       appOftenList: [], //常用应用
       collectAppInfoList: [], //收藏应用
       bssx: [], // 办事事项
@@ -186,8 +257,8 @@ var MyGrid = function (_React$Component) {
       bssxPer_show: true, //办事事项_个人_是否显示
       bssxOrg_show: true, //办事事项_个人_是否显示,
       cyyyUsuTab_show: true, //常用应用_是否显示
-      cyyyPerTab_show: true //我的收藏_是否显示
-
+      cyyyPerTab_show: true, //我的收藏_是否显示
+      activeIndex_mail: 0
 
     };
     return _this;
@@ -198,42 +269,61 @@ var MyGrid = function (_React$Component) {
     value: function componentDidMount() {
       this.initPage();
     }
-
     // 遍历初始化得到的data，奖id给请求部件的内容的接口
     // 如果有两个相同的部件，将会用id请求部件内容，接口返回的数据需要 this.setState({【id】:result.data});这样存值
     // 取值的时候根据id取值
 
-  }, {
-    key: 'getShoucangAppInfo',
-
 
     // 获取收藏应用
-    value: function getShoucangAppInfo() {
-      var _this2 = this;
 
-      _db2.default.reactGrid.getNewHomePageCollectAppInfoList({ showClient: "DING" }).then(function (result) {
-        _this2.setState(_defineProperty({}, item.portletCode + '_' + item.id, res));
-      }).catch(function (error) {});
-    }
+
+    // 获取用户设置常用应用
+    // getComAppInfo = (id) => {
+    //   let userId = getLoginUserInfo().userId;
+    //   var userAppOftenList = [];
+    //   var params = { userId: userId };
+    //   DB.reactGrid.getComAppInfo(params).then((result) => {
+    //     if (result.data) {
+    //       this.setState({
+    //         ['cyyy' + '_' + id]: JSON.parse(result.data)
+    //       });
+    //       localStorage.setItem(['cyyy' + '_' + id], result.data);
+    //       userAppOftenList = JSON.parse(result.data);
+    //     }
+    //     if (userAppOftenList.length < 1) {
+    //       // 没有用户设置，取系统默认值
+    //       this.getOftenList(id);
+    //     }
+    //   }).catch((error) => {
+    //     this.getOftenList();
+    //     console.error(error);
+    //   });
+    // }
+    // 获取默认系统常用应用
+
   }, {
     key: 'getRemindCount',
     value: function getRemindCount() {
-      var _this3 = this;
+      var _this2 = this;
 
-      _db2.default.reactGrid.getNewHomePageRemindCount({ codes: "undo" }).then(function (content) {
-        if (content.undo) {
-          _this3.setState({
-            undo: content.undo
+      _db2.default.reactGrid.getNewHomePageRemindCount({ codes: "undo,unreadMail,unreadPubMail,toBeAttended,approveundo" }).then(function (content) {
+        if (content.undo || content.approveundo || content.toBeAttendedCount || content.unreadPubMailCount || content.unreadMailCount) {
+          _this2.setState({
+            undo: content.undo,
+            unreadMailCount: content.unreadMailCount,
+            approveundo: content.approveundo,
+            toBeAttendedCount: content.toBeAttendedCount,
+            unreadPubMailCount: content.unreadPubMailCount
           });
         }
       });
     }
   }, {
     key: 'initCleader',
-    value: function initCleader(event) {
-      if (this.state.initCleader == false) {
+    value: function initCleader(event, id) {
+      if (!this.state["initCleader_" + id] || this.state["initCleader_" + id] == false) {
         var t = this;
-        var calendar = document.getElementById("calendar");
+        var calendar = document.getElementById('calendar_ ' + id);
         if (calendar) {
           var cld = new CalendarMobile({
             el: 'box',
@@ -247,7 +337,7 @@ var MyGrid = function (_React$Component) {
               var MM = obj.month >= 10 ? obj.month : "0" + obj.month;
               var DD = obj.day >= 10 ? obj.day : "0" + obj.day;
               var Date = YY + "-" + MM + "-" + DD;
-              t.showCalendarList(Date, event);
+              t.showCalendarList(Date, event, id);
             },
             //点击上一个月
             prevMonth: function prevMonth(obj) {},
@@ -259,10 +349,10 @@ var MyGrid = function (_React$Component) {
               var DD = obj.day >= 10 ? obj.day : "0" + obj.day;
               var Date = YY + "-" + MM + "-" + DD;
               t.showCalendarEvent(event);
-              t.showCalendarList(Date, event);
+              t.showCalendarList(Date, event, id);
             }
           });
-          this.setState({ initCleader: true });
+          this.setState(_defineProperty({}, "initCleader_" + id, true));
         }
       }
     }
@@ -288,57 +378,270 @@ var MyGrid = function (_React$Component) {
 
   }, {
     key: 'showCalendarList',
-    value: function showCalendarList(Date, data) {
+    value: function showCalendarList(Date, data, id) {
       if (data.dataMap && data.dataMap[Date]) {
-        this.setState({ grrc_list: data.dataMap[Date] });
+        this.setState(_defineProperty({}, 'grrc_list_' + id, data.dataMap[Date]));
+      } else {
+        this.setState(_defineProperty({}, 'grrc_list_' + id, []));
+      }
+    }
+  }, {
+    key: 'globalSearchChange',
+    value: function globalSearchChange(newValue) {
+      // this.setState({
+      //   searchVal: newValue
+      // });
+      location.hash = "homepage/home/fullSearch";
+    }
+  }, {
+    key: 'globalSearchClick',
+    value: function globalSearchClick() {
+      var modelCode = this.state.modelCode;
+      var searchCondition = this.state.searchVal;
+      location.hash = "homepage/home/fullSearch/" + modelCode + '/' + searchCondition;
+    }
+    //跳转到语典
+
+  }, {
+    key: 'gotoYd',
+    value: function gotoYd() {
+      pageSkipDirectly(_variables2.default.ydPath);
+    }
+    // 应用跳转
+
+  }, {
+    key: 'newPageSkip',
+    value: function newPageSkip(dingUrl, wxUrl, mhUrl, cocallUrl, id) {
+      var dingVal = "DING";
+      var wxVal = "WX";
+      var mhVal = "MH";
+      _db2.default.portal.saveAppCount({ mobileAppId: id }).then(function (content) {}).catch(function (err) {
+        console.log(err);
+      });
+
+      var data = getLoginUserInfo();
+      var thirdMenuType = data.thirdMenuType;
+      if (thirdMenuType == dingVal) {
+        dd.biz.util.openLink({
+          url: dingUrl, //要打开链接的地址
+          onSuccess: function onSuccess(result) {
+            /**/
+          },
+          onFail: function onFail(err) {}
+        });
+      } else if (thirdMenuType == wxVal) {
+        window.open(wxUrl);
+      } else if (thirdMenuType == mhVal) {
+        window.location = mhUrl;
+        /**
+        emp.navigateTo({
+            url: mhUrl,//跳转地址
+            success: function () {
+            }, //跳转成功回调
+            error: function () {
+            } //跳转失败回调
+        }); */
+      } else {
+        window.location = dingUrl;
+      }
+    }
+  }, {
+    key: 'skipPage',
+    value: function skipPage(url) {
+      var dingVal = "DING";
+      var wxVal = "WX";
+      var mhVal = "MH";
+      var data = getLoginUserInfo();
+      var thirdMenuType = data.thirdMenuType;
+      var urlComplete = data.contextPageUrl + "/" + url;
+
+      if (thirdMenuType == dingVal) {
+        dd.biz.util.openLink({
+          url: urlComplete, //要打开链接的地址
+          onSuccess: function onSuccess(result) {
+            /**/
+          },
+          onFail: function onFail(err) {}
+        });
+      } else if (thirdMenuType == wxVal) {
+        window.open(urlComplete);
+      } else if (thirdMenuType == mhVal) {
+        window.location = urlComplete;
+      } else {
+        window.location = urlComplete;
+      }
+    }
+  }, {
+    key: 'jumpPage',
+    value: function jumpPage(url) {
+      location.hash = url;
+    }
+    //跳转到应用
+
+  }, {
+    key: 'skip2Project',
+    value: function skip2Project(code, pagePath) {
+      location.hash = pagePath;
+    }
+
+    //跳转到专题
+
+  }, {
+    key: 'skip2Zhuanti',
+    value: function skip2Zhuanti(item) {
+      var code = item.data.props.code;
+      location.hash = "topicservice/" + code;
+    }
+
+    //跳转更多
+
+  }, {
+    key: 'skip2More',
+    value: function skip2More(type) {
+      var url = "";
+      if (type == 'grhy') {
+        //会议
+        url = getLoginUserInfo().context + '/mobile/modules/meeting/dist/index.html?&context=' + getLoginUserInfo().context + '&hasBottomTab=1';
+        pageSkipDirectly(url);
+      } else if (type == 'gryj') {
+        //个人邮件
+        url = getLoginUserInfo().context + '/mobile/modules/mail/dist/index.html?&context=' + getLoginUserInfo().context + '&hasBottomTab=1&isPublic=0#/mail/home/1/';
+        pageSkipDirectly(url);
+      } else if (type == 'ggyj') {
+        //公共邮件
+        url = getLoginUserInfo().context + '/mobile/modules/mail/dist/index.html?&context=' + getLoginUserInfo().context + '&hasBottomTab=1&isPublic=1#/mail/home/1/';
+        pageSkipDirectly(url);
+      } else if (type == 'lcfq') {
+        //流程发起
+        location.hash = "officehall";
+      } else if (type == 'wdsx') {
+        //我的事项
+        location.hash = "approval/all/5";
+      } else if (type == 'bssx') {
+        //办事事项
+        location.hash = "officehall";
+      } else if (type == "jxzt") {
+        location.hash = "officehall";
+      }
+    }
+
+    //跳转到我的事项
+
+  }, {
+    key: 'skip2Process',
+    value: function skip2Process(itemInfo, param_list_type) {
+      console.log(itemInfo);
+      var param_processKey = itemInfo.processKey; // 流程类型code
+      var param_formKey = itemInfo.formKey; // 表单id
+      var param_businessKey = itemInfo.businessKey; // 表单数据id;
+      var param_startUserId = itemInfo.startUserId; // 流程发起人id
+      // let param_list_type = "5"; // 列表类型 待办-0,待阅-1,
+      var processName = itemInfo.processName; // 流程名称
+      var module = itemInfo.module; // 流程名称
+      var type = "all"; //self：本应用，all:全模块
+      var projectPath = "modules/mobilehall"; //项目路径
+
+      var taskId = '';
+      var processInstanceId = itemInfo.processInstanceId;
+      if (param_list_type == '2') {
+        taskId = itemInfo.taskId;
+      } else {
+        taskId = itemInfo.id;
+      }
+      var queryurl = "";
+      if (param_list_type == "5") {
+        queryurl = "?isDraft=1";
+        param_list_type = 0;
+      }
+      var loginUserId = getLoginUserInfo().userId;
+      // location.hash = 'approval/approval-details/detail-servlet/' + param_list_type + '/1/' + param_processKey + '/' + param_formKey + '/' +param_businessKey +
+      //                     '/' + param_startUserId;
+      // alert(searchVal);
+      if (type == "all") {
+        if (module == "hall_service") {
+          var url = "process/processDetails/" + taskId + "/" + param_formKey + "/" + param_businessKey + "/" + param_list_type + "/0/" + processInstanceId + "/" + module + "/" + loginUserId;
+          // if (searchVal != '') {
+          //   url += "/" + searchVal;
+          // }
+          url = url + queryurl;
+          decodeURI(url);
+          location.hash = url;
+        } else {
+          var fullUrl = window.location.href;
+          var mobilePath = module;
+          if (module.indexOf("_") > 0) {
+            var category = module.split("_")[0];
+            mobilePath = module.substring(module.indexOf("_") + 1);
+            fullUrl = fullUrl.replace("/" + projectPath + "/", "/" + category + "/" + mobilePath + "/").split('?_')[0].split('/approval/all')[0];
+          } else {
+            fullUrl = fullUrl.replace("/" + projectPath + "/", "/modules/" + mobilePath + "/").split('?_')[0].split('/approval/all')[0];
+          }
+          //alert(fullUrl);
+          var _url = "process/processDetails/" + taskId + "/" + param_formKey + "/" + param_businessKey + "/" + param_list_type + "/0/" + processInstanceId + "/" + module + "/" + loginUserId;
+          _url = fullUrl + '/' + _url;
+          _url = _url + queryurl;
+          decodeURI(_url);
+          location.href = _url;
+        }
+      }
+    }
+
+    // 区分个人邮件和公共邮件
+
+  }, {
+    key: 'handleChange',
+    value: function handleChange(id, obj) {
+
+      var t = this;
+      console.log({
+        activeIndex: obj.active,
+        preActiveIndex: obj.preActive,
+        data: id
+      });
+      if (obj.active == '1') {
+        var _setState4;
+
+        this.setState((_setState4 = {}, _defineProperty(_setState4, 'activeIndex_ggyj_' + id, true), _defineProperty(_setState4, 'activeIndex_gryj_' + id, false), _setState4));
       } else {
-        this.setState({ grrc_list: [] });
+        var _setState5;
+
+        this.setState((_setState5 = {}, _defineProperty(_setState5, 'activeIndex_gryj_' + id, true), _defineProperty(_setState5, 'activeIndex_ggyj_' + id, false), _setState5));
       }
     }
+
+    // 部件内容渲染处理函数
+
   }, {
     key: 'portalContent',
     value: function portalContent(item) {
       var t = this;
-      console.log('====================================');
-      console.log(item, 'lllllllllllllllllllllitemccccccccc');
-      console.log('====================================');
       var styleSetting = JSON.parse(item.styleSetting);
-      var componentContent = '';
+      var personalSetting = JSON.parse(item.personalSetting);
+      var componentContent = _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+      );
+      var componentHead = '';
       if (item.portletCode === 'banner') {
-        var isShowList = JSON.parse(item.personalSetting).bannerSet.split(',');
+        // 判断AI和menu
+        var isShowList = JSON.parse(item.personalSetting).bannerSet;
+        var _styleSetting = JSON.parse(item.styleSetting);
         var pathUrl = "";
+        var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
         if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].bannerImg) {
           var pathUrlId = t.state[item.portletCode + '_' + item.id].bannerImg;
           pathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + pathUrlId;
         } else {
           pathUrl = t.state.pageImage;
-        };
-        var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
+        }
         componentContent = _react2.default.createElement(
           'div',
           { className: 'react-grid-banner' },
           _react2.default.createElement(
             'div',
-            { className: 'banner' },
-            _react2.default.createElement(
-              'div',
-              { className: t.state.showSlide == true ? "t-PR" : "t-DN" },
-              this.state.bannerList.map(function (item) {
-                return _react2.default.createElement(
-                  'div',
-                  { className: 'banner-gallery', index: item.index },
-                  _react2.default.createElement('img', { className: t.state.showItem == item.index ? "bannerimg" : "t-DN", src: item.src })
-                );
-              }),
-              _react2.default.createElement(
-                'div',
-                { className: 'gallery-list' },
-                this.state.bannerList.map(function (item) {
-                  return _react2.default.createElement('span', { className: t.state.showItem == item.index ? "gallery-dot active" : "gallery-dot" });
-                })
-              )
-            ),
-            _react2.default.createElement('img', { className: t.state.showSlide == false ? "bannerimg" : "t-DN", src: pathUrl, onerror: '/mobile/fmui/images/home-banner.png\';this.onerror=null' })
+            { className: 'react-grid-banner-img' },
+            _react2.default.createElement('img', { src: pathUrl })
           ),
           _react2.default.createElement(
             'div',
@@ -361,7 +664,7 @@ var MyGrid = function (_React$Component) {
               { className: isShowList.indexOf('AI') > -1 ? 't-FAC' : 't-DN', onClick: function onClick() {
                   t.gotoYd();
                 } },
-              _react2.default.createElement('i', { className: 'iconfont icon-zhineng' }),
+              _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-zhineng' }),
               _react2.default.createElement(
                 'div',
                 { className: 't-FS12 t-MT4' },
@@ -376,14 +679,14 @@ var MyGrid = function (_React$Component) {
               var todoInfo = projectMenuUrl.todoInfo[item];
               return _react2.default.createElement(
                 'div',
-                { className: 'demo' },
+                { className: 'react-grid-banner-type1', onClick: t.skip2Project.bind(this, todoInfo.moduleCode, todoInfo.url) },
                 _react2.default.createElement(
                   'div',
                   { className: 'react-grid-banner-item' },
                   _react2.default.createElement(
                     _Badge2.default,
-                    { count: item == 'daiban' ? t.state.undo : '' },
-                    _react2.default.createElement('i', { className: 'theme-color iconfont icon-' + todoInfo.icon })
+                    { count: item == 'daiban' ? t.state.undo : '', className: item + 'color' },
+                    _react2.default.createElement('i', { className: 'iconfont-ywtb ' + todoInfo.icon })
                   )
                 ),
                 _react2.default.createElement(
@@ -395,1276 +698,472 @@ var MyGrid = function (_React$Component) {
             }.bind(this)) : ''
           )
         );
-      }
-      return _react2.default.createElement(
-        'div',
-        { className: 'react-grid-component', key: item.id, style: {
-            borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
-            borderTopRightRadius: styleSetting.otherSet.radius.topRight,
-            borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
-            borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
-            paddingLeft: styleSetting.pl,
-            paddingright: styleSetting.pr,
-            paddingTop: styleSetting.pt,
-            paddingBottom: styleSetting.pb,
-            background: styleSetting.bgColor ? styleSetting.bgColor : ''
-          } },
-        componentContent
-      );
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this4 = this;
-
-      var t = this;
-      var context = document.getElementById("context").value;
-      var userId = getLoginUserInfo().userId;
-      var token = getLoginUserInfo().token;
-      var layout = this.state.data.map(function (item) {
-        return {
-          i: item.id,
-          x: item.positionX,
-          y: item.positionY,
-          w: item.portletWidth,
-          h: item.portletHeight,
-          static: true //禁止修改部件大小
-        };
-      });
-
-      var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
-      // 控制【常用应用】显示列数
-      var colNum1 = 4;
-
-      // const bssxContent_per = t.state.bssx_per.map(function (item) {
-      //   return (
-      //     <div className='banshi-item'>
-      //       <div className='title t-omit'>{item.name}</div>
-      //       <div className='describe t-omit'>{item.categoryName}</div>
-      //       <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
-      //       <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
-      //     </div>
-      //   )
-      // });
-
-      // const bssxContent_org = t.state.bssx_org.map(function (item) {
-      //   return (
-      //     <div className='banshi-item'>
-      //       <div className='title t-omit'>{item.name}</div>
-      //       <div className='describe t-omit'>{item.categoryName}</div>
-      //       <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
-      //       <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
-      //     </div>
-      //   )
-      // });
-
-      // const xwzxContent = t.state.xwzx.map(function (item) {
-      //   const infoList = item.infoList.map(function (infoItem) {
-      //     let imgSrc = "";
-      //     let imgIdList = 0;
-      //     if (infoItem.imgId) {
-      //       imgIdList = infoItem.imgId.split('|');
-      //     }
-      //     if (imgIdList.length >= 3) {
-      //       let imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
-      //       let imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + token;
-      //       let imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + token;
-      //       return (
-      //         <div className='infoList3'>
-      //           <div className='infoContent'>
-      //             <p>{infoItem.title}</p>
-      //             <div className='infoPics'>
-      //               <img src={imgSrc1}></img>
-      //               <img src={imgSrc2}></img>
-      //               <img src={imgSrc3}></img>
-      //             </div>
-      //             <p className="t-FS14">
-      //               <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
-      //               <img className={infoItem.isEssence == "1" ? "" : "t-DN"}></img>
-      //               <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
-      //               <span>{infoItem.publishDate}</span>
-      //             </p>
-      //           </div>
-      //         </div>
-      //       )
-      //     } else {
-      //       if (infoItem.imgId) {
-      //         imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
-      //       }
-      //       return (
-      //         <div className='infoList'>
-      //           <div className='infoContent'>
-      //             <div className={imgSrc ? "imgContent" : "t-DN"} >
-      //               <img src={imgSrc}></img>
-      //             </div>
-      //             <div className='t-FB1'>
-      //               <p>{infoItem.title}</p>
-      //               <p className="t-FS14">
-      //                 <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
-      //                 <img className={infoItem.isEssence == "1" ? "" : "t-DN"} ></img>
-      //                 <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
-      //                 <span>{infoItem.publishDate}</span>
-      //               </p>
-      //             </div>
-      //           </div>
-      //         </div>
-      //       )
-      //     }
-      //   })
-      //   return (
-      //     <Tab.Item title={item.columnName} key={item.columnId}>
-      //       {item.infoList.length > 0 ?
-      //         <div>{infoList}<div className='info-more-btn'>查看更多</div></div>
-      //         :
-      //         <div>暂无数据</div>
-      //       }
-      //     </Tab.Item>
-      //   )
-      // });
-
-      // let tDiv = document.createElement('div');
-      // const carouselItem = t.state.ttxx.map(function (item) {
-      //   if (item.infoList.length > 0) {
-      //     tDiv.innerHTML = item.infoList[0].content
-      //     var text = tDiv.innerText
-      //     return (
-      //       <Carousel.Item>
-      //         <div className='notice-card-head'>
-      //           <span>{item.infoList[0].columnName}</span>
-      //           <Button type='custom'>更多</Button>
-      //         </div>
-      //         <div>
-      //           <strong className='t-FS14 t-omit2 t-LH1_3 t-MB10'>{item.infoList[0].title}</strong>
-      //           <p className='t-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10'>{text}</p>
-      //           <p className='t-FS12 t-FCgrey'>{item.infoList[0].createdDate}</p>
-      //         </div>
-      //       </Carousel.Item>
-      //     )
-      //   }
-      // })
-      // const carouselList = carouselItem.filter(carouselItem => typeof carouselItem !== 'undefined');
-
-      var grrcContent = t.state.grrc_list.map(function (item) {
-        var completed = false;
-        if (item.startTime) {
-          var date = new Date(item.startTime.replace(/-/g, '/'));
-          var H = date.getHours();
-          var M = date.getMinutes();
-          if (H < 10) {
-            H = "0" + H;
-          }
-          if (M < 10) {
-            M = "0" + M;
-          }
-          var time = H + ":" + M;
-          var now = new Date();
-          if (date < now) {
-            //过去时
-            completed = true;
-          }
+        // backgroundImage直接判断有无会报错，单独return
+        {
+          return _react2.default.createElement(
+            'div',
+            { className: 'react-grid-component banner', key: item.id, style: {
+                borderTopLeftRadius: _styleSetting.otherSet.radius.topLeft + 'px',
+                borderTopRightRadius: _styleSetting.otherSet.radius.topRight + 'px',
+                borderBottomLeftRadius: _styleSetting.otherSet.radius.bottomLeft + 'px',
+                borderBottomRightRadius: _styleSetting.otherSet.radius.bottomRight + 'px',
+                paddingLeft: _styleSetting.otherSet.paddingSet.pl + 'px',
+                paddingright: _styleSetting.otherSet.paddingSet.pr + 'px',
+                paddingTop: _styleSetting.otherSet.paddingSet.pt + 'px',
+                paddingBottom: _styleSetting.otherSet.paddingSet.pb + 'px',
+                backgroundColor: _styleSetting.otherSet.bgColor
+              } },
+            _styleSetting.titleSet.titleStatus == 1 ? componentHead : '',
+            componentContent
+          );
         }
-        return _react2.default.createElement(
-          HBox,
-          { className: completed ? 'rc-item t-PR rc-completed' : 'rc-item t-PR', vAlign: 'center' },
-          _react2.default.createElement(
-            Box,
-            { className: 'rc-item-time' },
-            time
-          ),
-          _react2.default.createElement(
-            Box,
-            { className: 'rc-item-time-line' },
-            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-fuhao' })
-          ),
+      }
+      if (item.portletCode === 'cyyy') {
+        componentContent = _react2.default.createElement(
+          'div',
+          { className: 'react-app-collect' },
           _react2.default.createElement(
-            Box,
-            { flex: 1, className: 'rc-item-title t-omit' },
-            item.title
-          )
-        );
-      });
-
-      // const grhyContent = t.state.grhy.map(function (item) {
-      //   return (
-      //     <div className='meetingCard'>
-      //       <div className="lineTop"></div>
-      //       <div className='meetingBg'>
-      //         <div className='meetingContent' >
-      //           <div className='meetingTitle'>
-      //             <p className="t-omit t-LH1_6">{item.applyRecordName}</p>
-      //           </div>
-      //           <div className='meetingTime'>
-      //             <div className='meetingDate'>
-      //               <i class="iconfont icon-shijian1 t-FS14"></i>
-      //               <span className='t-ML6'>{item.week}</span>
-      //               <span className='t-ML10'>{item.startDate}</span>
-      //             </div>
-      //             <div className='timeTitle'>
-      //               <p>开始时间</p>
-      //               <p>结束时间</p>
-      //             </div>
-      //             <div className='time'>
-      //               <li>{item.sTime}</li>
-      //               <li>
-      //                 <p>{item.durationTime}</p>
-      //               </li>
-      //               <li>{item.eTime}</li>
-      //             </div>
-      //             <div className='location'>
-      //               <i class="iconfont icon-dizhi t-FS14"></i>
-      //               <span className='t-ML6'>{item.meetingAddress}</span>
-      //             </div>
-      //           </div>
-      //         </div>
-      //         {/* <img src="../../../fmui/images/home/start.png" className="startIcon"></img> */}
-      //         {/* <img src="../../../fmui/images/home/line.png" className="lineTop"></img> */}
-      //       </div>
-      //     </div>
-      //   )
-      // });
-
-      var lcfqContent = _react2.default.createElement(
-        'div',
-        { className: 'sxbl_buttons' },
-        _react2.default.createElement(
-          'button',
-          null,
-          '\u8BF7\u5047\u7533\u8BF7'
-        ),
-        _react2.default.createElement(
-          'button',
-          null,
-          '\u8C03\u4F11\u7533\u8BF7'
-        )
-      );
-
-      return _react2.default.createElement(
-        'div',
-        { className: 'react-grid' },
-        _react2.default.createElement(
-          _reactGridLayout2.default,
-          {
-            className: 'layout',
-            layout: layout,
-            cols: 12,
-            rowHeight: 20,
-            width: window.innerWidth,
-            isDraggable: this.state.isDraggable,
-            margin: [0, 10]
-          },
-          this.state.data.map(function (item) {
-            {/* banner */}
-            _this4.portalContent(item);
-            // if (item.portletCode === 'banner') {
-            //   // 判断AI和menu
-            //   let isShowList = JSON.parse(item.personalSetting).bannerSet.split(',');
-            //   let styleSetting = JSON.parse(item.styleSetting)
-            //   let pathUrl = "";
-            //   if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].bannerImg) {
-            //     let pathUrlId = t.state[item.portletCode + '_' + item.id].bannerImg;
-            //     pathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + pathUrlId;
-            //   } else {
-            //     pathUrl = t.state.pageImage;
-            //   }
-            //   let componentContent = <div className="react-grid-banner" >
-            //     <div className="banner">
-            //       <div className={t.state.showSlide == true ? "t-PR" : "t-DN"}>
-            //         {this.state.bannerList.map((item) => (
-            //           <div className="banner-gallery" index={item.index}>
-            //             <img className={t.state.showItem == item.index ? "bannerimg" : "t-DN"} src={item.src}></img>
-            //             {/* <span className='gallery-dot'></span> */}
-            //           </div>
-            //         ))}
-            //         <div className="gallery-list">
-            //           {this.state.bannerList.map((item) => (
-            //             <span className={t.state.showItem == item.index ? "gallery-dot active" : "gallery-dot"} ></span>
-            //           ))}
-            //         </div>
-            //       </div>
-            //       <img className={t.state.showSlide == false ? "bannerimg" : "t-DN"} src={pathUrl} onerror="/mobile/fmui/images/home-banner.png';this.onerror=null"></img>
-            //     </div>
-            //     <div className='global-search'>
-            //       {/* <Filter hasMask={false} defaultValue={this.state.filterValue} options={filterOptions}
-            //     onConfirm={(data) => {
-            //       t.setState({
-            //         modelCode: data.sort[0].value
-            //       });
-            //     }}
-            //   /> */}
-            //       <TextField placeholder="请输入关键词进行搜索" value={t.state.searchVal} allowClear={false} onClick={(value) => { t.globalSearchChange(value); }}>
-            //         <RightAddon>
-            //           <i className='iconfont-ywtb icon-ywtb-sousuo1 t-P10' onClick={() => { t.globalSearchClick() }}></i>
-            //         </RightAddon>
-            //       </TextField>
-            //       <div className={isShowList.indexOf('AI') > -1 ? 't-FAC' : 't-DN'} onClick={() => { t.gotoYd() }}>
-            //         <i className='iconfont icon-zhineng'></i>
-            //         <div className='t-FS12 t-MT4'>智能客服</div>
-            //       </div>
-            //     </div>
-            //     <Grid col={colNum} className="dd-applist">
-            //       {
-            //         t.state.todoList.length > 0 && isShowList.indexOf('menu') > -1 ?
-            //           t.state.todoList.map(function (item) {
-            //             let todoInfo = projectMenuUrl.todoInfo[item];
-            //             return (
-            //               <div className="demo" >
-            //                 <div className="react-grid-banner-item">
-            //                   <Badge count={item == 'daiban' ? t.state.undo : ''}>
-            //                     <i className={'theme-color iconfont icon-' + todoInfo.icon}></i>
-            //                   </Badge>
-            //                 </div>
-            //                 <div className="menu-title t-FS14">{todoInfo.name}</div>
-            //               </div>
-            //             )
-            //           }.bind(this))
-            //           :
-            //           ''
-            //       }
-            //     </Grid>
-            //   </div>
-            //   return (<div className='react-grid-component' key={item.id} style={{
-            //     borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
-            //     borderTopRightRadius: styleSetting.otherSet.radius.topRight,
-            //     borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
-            //     borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
-            //     paddingLeft: styleSetting.pl,
-            //     paddingright: styleSetting.pr,
-            //     paddingTop: styleSetting.pt,
-            //     paddingBottom: styleSetting.pb,
-            //     background: styleSetting.bgColor ? styleSetting.bgColor : ''
-            //   }}>
-            //     {componentContent}
-            //   </div>);
-            // }
-
-            if (item.portletCode === 'cyyy') {
-              var personalSetting = JSON.parse(item.personalSetting);
-              var styleSetting = JSON.parse(item.styleSetting);
-              return _react2.default.createElement(
-                'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
-                    borderTopRightRadius: styleSetting.otherSet.radius.topRight,
-                    borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
-                    paddingLeft: styleSetting.pl,
-                    paddingright: styleSetting.pr,
-                    paddingTop: styleSetting.pt,
-                    paddingBottom: styleSetting.pb,
-                    background: styleSetting.bgColor ? styleSetting.bgColor : ''
-                  } },
-                _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0' },
+            _react2.default.createElement(
+              _Tab2.default.Item,
+              { title: _react2.default.createElement(
                   'div',
-                  { className: 'react-app-collect' },
-                  _react2.default.createElement(
-                    'p',
-                    { className: 'rightMore' },
-                    '\u66F4\u591A',
-                    _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
-                  ),
-                  _react2.default.createElement(
-                    _Tab2.default,
-                    { activeKey: '0' },
+                  { style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                  '\u5E38\u7528\u5E94\u7528'
+                ) },
+              t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ? _react2.default.createElement(
+                _Grid2.default,
+                { col: personalSetting.cols * 1, className: t.state.showcyyy ? '' : 't-DN' },
+                t.state[item.portletCode + '_' + item.id].map(function (ele) {
+                  return _react2.default.createElement(
+                    'div',
+                    { className: 'systemItem', onClick: t.newPageSkip.bind(t, ele.dingUrl, ele.wxUrl, ele.mhUrl, ele.cocallUrl, ele.id) },
                     _react2.default.createElement(
-                      _Tab2.default.Item,
-                      { title: _react2.default.createElement(
-                          'div',
-                          { style: { color: styleSetting.titleSet.color, fontWeight: styleSetting.titleSet.fontWeight } },
-                          '\u5E38\u7528\u5E94\u7528'
-                        ) },
+                      'div',
+                      { className: 'iconblock t-iconBC' + ele.iconColor },
                       _react2.default.createElement(
-                        _Grid2.default,
-                        { col: personalSetting.cols, className: t.state.showcyyy ? '' : 't-DN' },
-                        t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].data.length > 0 ? t.state[item.portletCode + '_' + item.id].data.map(function (ele) {
-                          return _react2.default.createElement(
-                            'div',
-                            { className: 'systemItem' },
-                            _react2.default.createElement(
-                              'div',
-                              { className: ele.iconColor == "" ? "iconblock t-iconBCred" : 'iconblock t-iconBC' + ele.iconColor },
-                              _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
-                            ),
-                            _react2.default.createElement(
-                              'p',
-                              { className: 'text t-omit t-PT2 t-LH2' },
-                              ele.name
-                            )
-                          );
-                        }) : '',
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'systemItem' },
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'iconblock t-iconBCred' },
-                            _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
-                          ),
-                          _react2.default.createElement(
-                            'p',
-                            { className: 'text t-omit t-PT2 t-LH2' },
-                            '\u66F4\u591A'
-                          )
-                        )
+                        _Badge2.default,
+                        { count: ele.name == '会议' ? t.state.toBeAttendedCount * 1 : ele.name == '审批' ? t.state.approveundo : ele.name == '公共邮箱' ? t.state.unreadPubMailCount * 1 : ele.name == '邮件' ? t.state.unreadMailCount : '' },
+                        _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
                       )
                     ),
                     _react2.default.createElement(
-                      _Tab2.default.Item,
-                      { title: _react2.default.createElement(
-                          'div',
-                          { style: { color: styleSetting.titleSet.color, fontWeight: styleSetting.titleSet.fontWeight } },
-                          '\u6211\u7684\u6536\u85CF'
-                        ) },
-                      _react2.default.createElement(
-                        _Grid2.default,
-                        { col: personalSetting.cols },
-                        t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].data.length > 0 ? t.state[item.portletCode + '_' + item.id].data.map(function (ele) {
-                          return _react2.default.createElement(
-                            'div',
-                            { className: 'systemItem' },
-                            _react2.default.createElement(
-                              'div',
-                              { className: 'iconblock t-iconBC' + ele.iconColor },
-                              _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
-                            ),
-                            _react2.default.createElement(
-                              'p',
-                              { className: 'text t-omit t-PT2 t-LH2' },
-                              ele.name
-                            )
-                          );
-                        }) : '',
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'systemItem' },
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'iconblock t-iconBCred' },
-                            _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
-                          ),
-                          _react2.default.createElement(
-                            'p',
-                            { className: 'text t-omit t-PT2 t-LH2' },
-                            '\u66F4\u591A'
-                          )
-                        )
-                      )
+                      'p',
+                      { className: 'text t-omit t-PT2 t-LH2' },
+                      ele.name
                     )
+                  );
+                }),
+                _react2.default.createElement(
+                  'div',
+                  { className: t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ? 'systemItem' : 't-DN', onClick: t.jumpPage.bind(this, "/apppage/1", personalSetting.cols * 1, item.id) },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'iconblock t-gengduo' },
+                    _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
+                  ),
+                  _react2.default.createElement(
+                    'p',
+                    { className: 'text t-omit t-PT2 t-LH2' },
+                    '\u66F4\u591A'
                   )
                 )
-              );
-            }
-
-            if (item.portletCode === 'bssx') {
-              {/* 办事 */}
-              var _personalSetting = JSON.parse(item.personalSetting);
-              var bssxShowList = JSON.parse(item.personalSetting).showModule;
-              var _styleSetting = JSON.parse(item.styleSetting);
-
-              var componentContent = '';
-              var perList = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                if (t.state[item.portletCode + '_' + item.id].perList) {
-                  perList = t.state[item.portletCode + '_' + item.id].perList.map(function (item) {
-                    return _react2.default.createElement(
-                      'div',
-                      { className: 'banshi-item' },
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'title t-omit' },
-                        item.name
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'describe t-omit' },
-                        item.categoryName
-                      ),
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
-                    );
-                  });
-                }
-              }
-              var orgList = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                if (t.state[item.portletCode + '_' + item.id].orgList) {
-                  orgList = t.state[item.portletCode + '_' + item.id].orgList.map(function (item) {
-                    return _react2.default.createElement(
+              ) : _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+              )
+            ),
+            _react2.default.createElement(
+              _Tab2.default.Item,
+              { title: _react2.default.createElement(
+                  'div',
+                  { style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                  '\u6211\u7684\u6536\u85CF'
+                ) },
+              t.state['wdsc' + '_' + item.id] && t.state['wdsc' + '_' + item.id].length > 0 ? _react2.default.createElement(
+                _Grid2.default,
+                { col: personalSetting.cols * 1 },
+                t.state['wdsc' + '_' + item.id].map(function (ele) {
+                  return _react2.default.createElement(
+                    'div',
+                    { className: 'systemItem', onClick: t.newPageSkip.bind(t, ele.dingUrl, ele.wxUrl, ele.mhUrl, ele.cocallUrl, ele.id) },
+                    _react2.default.createElement(
                       'div',
-                      { className: 'banshi-item' },
+                      { className: 'iconblock t-iconBC' + ele.iconColor },
                       _react2.default.createElement(
-                        'div',
-                        { className: 'title t-omit' },
-                        item.name
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'describe t-omit' },
-                        item.categoryName
-                      ),
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
-                    );
-                  });
-                }
-              }
-              var bssxPerTab = '';
-              if (_styleSetting.titleSet.titleStatus == 1 && bssxShowList.indexOf('personWork') > -1) {
-                bssxPerTab = _react2.default.createElement(
-                  _Tab2.default.Item,
-                  { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: _defineProperty({ color: _styleSetting.titleSet.color, fontWeight: _styleSetting.titleSet.fontWeight, fontSize: _styleSetting.titleSet.titleSize, fontFamily: _styleSetting.titleSet.fontFamily, fontStyle: _styleSetting.titleSet.titleItalic }, 'fontWeight', _styleSetting.titleSet.titleWeight) },
-                      '\u4E2A\u4EBA\u529E\u4E8B'
-                    ), key: 0 },
+                        _Badge2.default,
+                        { count: ele.name == '会议' ? t.state.toBeAttendedCount * 1 : ele.name == '审批' ? t.state.approveundo : ele.name == '公共邮箱' ? t.state.unreadPubMailCount * 1 : ele.name == '邮件' ? t.state.unreadMailCount : '' },
+                        _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
+                      )
+                    ),
+                    _react2.default.createElement(
+                      'p',
+                      { className: 'text t-omit t-PT2 t-LH2' },
+                      ele.name
+                    )
+                  );
+                }),
+                _react2.default.createElement(
+                  'div',
+                  { className: 'systemItem', onClick: t.jumpPage.bind(this, "/appCollect") },
                   _react2.default.createElement(
                     'div',
-                    { className: 'banshi-list' },
-                    perList
-                  )
-                );
-              }
-              var bssxOrgTab = '';
-              if (_styleSetting.titleSet.titleStatus == 1 && bssxShowList.indexOf('deptWork') > -1) {
-                bssxOrgTab = _react2.default.createElement(
-                  _Tab2.default.Item,
-                  { key: 1, title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: _defineProperty({ color: _styleSetting.titleSet.color, fontWeight: _styleSetting.titleSet.fontWeight, fontSize: _styleSetting.titleSet.titleSize, fontFamily: _styleSetting.titleSet.fontFamily, fontStyle: _styleSetting.titleSet.titleItalic }, 'fontWeight', _styleSetting.titleSet.titleWeight) },
-                      '\u90E8\u95E8\u529E\u4E8B'
-                    ) },
+                    { className: 'iconblock t-gengduo' },
+                    _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
+                  ),
                   _react2.default.createElement(
-                    'div',
-                    { className: 'banshi-list' },
-                    orgList
+                    'p',
+                    { className: 'text t-omit t-PT2 t-LH2' },
+                    '\u66F4\u591A'
                   )
-                );
-              }
-              componentContent = _react2.default.createElement(
+                )
+              ) : _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+              )
+            )
+          )
+        );
+      }
+      if (item.portletCode === 'bssx') {
+        var bssxShowList = personalSetting.codes;
+        // let styleSetting = JSON.parse(item.styleSetting)
+
+        var commonList = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          if (t.state[item.portletCode + '_' + item.id].common && t.state[item.portletCode + '_' + item.id].common.length > 0) {
+            commonList = t.state[item.portletCode + '_' + item.id].common.map(function (item) {
+              return _react2.default.createElement(
                 'div',
-                { className: 'component-bssx' },
+                { className: 'banshi-item', onClick: function onClick() {
+                    _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
+                  } },
                 _react2.default.createElement(
-                  'p',
-                  { className: t.state.bssxPer_show || t.state.bssxOrg_show ? "rightMore" : "t-DN" },
-                  '\u66F4\u591A',
-                  _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+                  'div',
+                  { className: 'title t-omit' },
+                  item.name
                 ),
                 _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: bssxShowList.indexOf('personWork') > -1 ? "0" : "1" },
-                  bssxPerTab,
-                  bssxOrgTab
-                )
+                  'div',
+                  { className: 'describe t-omit' },
+                  item.categoryName
+                ),
+                _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
+                _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
               );
-
-              return _react2.default.createElement(
-                'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting.pl,
-                    paddingright: _styleSetting.pr,
-                    paddingTop: _styleSetting.pt,
-                    paddingBottom: _styleSetting.pb,
-                    background: _styleSetting.bgColor ? _styleSetting.bgColor : ''
-                  } },
-                componentContent
-              );
-            }
-
-            if (item.portletCode === 'ttxx') {
-              var _personalSetting2 = JSON.parse(item.personalSetting);
-              var _styleSetting2 = JSON.parse(item.styleSetting);
-              var componentContent1 = '';
-              var carouselItem = '';
-              var carouselList = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                var tDiv = document.createElement('div');
-                carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
-                  if (item.infoList.length > 0) {
-                    tDiv.innerHTML = item.infoList[0].content;
-                    var text = tDiv.innerText;
-                    return _react2.default.createElement(
-                      _Carousel2.default.Item,
-                      null,
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'notice-card-head' },
-                        _react2.default.createElement(
-                          'span',
-                          null,
-                          item.infoList[0].columnName
-                        ),
-                        _react2.default.createElement(
-                          _Button2.default,
-                          { type: 'custom' },
-                          '\u66F4\u591A'
-                        )
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        null,
-                        _react2.default.createElement(
-                          'strong',
-                          { className: 't-FS14 t-omit2 t-LH1_3 t-MB10' },
-                          item.infoList[0].title
-                        ),
-                        _react2.default.createElement(
-                          'p',
-                          { className: 't-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10' },
-                          text
-                        ),
-                        _react2.default.createElement(
-                          'p',
-                          { className: 't-FS12 t-FCgrey' },
-                          item.infoList[0].createdDate
-                        )
-                      )
-                    );
-                  }
-                });
-                carouselList = carouselItem.filter(function (carouselItem) {
-                  return typeof carouselItem !== 'undefined';
-                });
-              }
-              if (t.state[item.portletCode + '_' + item.id]) {
-
-                componentContent1 = _react2.default.createElement(
-                  'div',
-                  { className: 'componentBox' },
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'notice-card' },
-                    _react2.default.createElement(
-                      _Carousel2.default,
-                      { showNav: true, auto: true, height: '180px', className: 'carousel-notice' },
-                      carouselList
-                    )
-                  )
-                );
-              }
+            });
+          } else {
+            commonList = _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+            );
+          }
+        }
+        var colectionList = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          if (t.state[item.portletCode + '_' + item.id].colection && t.state[item.portletCode + '_' + item.id].colection.length > 0) {
+            colectionList = t.state[item.portletCode + '_' + item.id].colection.map(function (item) {
               return _react2.default.createElement(
                 'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting2.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting2.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting2.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting2.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting2.pl,
-                    paddingright: _styleSetting2.pr,
-                    paddingTop: _styleSetting2.pt,
-                    paddingBottom: _styleSetting2.pb,
-                    background: _styleSetting2.bgColor ? _styleSetting2.bgColor : ''
+                { className: 'banshi-item', onClick: function onClick() {
+                    _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
                   } },
-                componentContent1
+                _react2.default.createElement(
+                  'div',
+                  { className: 'title t-omit' },
+                  item.name
+                ),
+                _react2.default.createElement(
+                  'div',
+                  { className: 'describe t-omit' },
+                  item.categoryName
+                ),
+                _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
+                _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
               );
-            }
-
-            if (item.portletCode === 'xwzx') {
-              var _personalSetting3 = JSON.parse(item.personalSetting);
-              var _styleSetting3 = JSON.parse(item.styleSetting);
-              var componentContent2 = '';
-              var xwzxContent = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                xwzxContent = t.state[item.portletCode + '_' + item.id].map(function (item) {
-                  var infoList = item.infoList.map(function (infoItem) {
-                    var imgSrc = "";
-                    var imgIdList = 0;
-                    if (infoItem.imgId) {
-                      imgIdList = infoItem.imgId.split('|');
-                    }
-                    if (imgIdList.length >= 3) {
-                      var imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
-                      var imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + getLoginUserInfo().token;
-                      var imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + getLoginUserInfo().token;
-                      return _react2.default.createElement(
-                        'div',
-                        { className: 'infoList3' },
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'infoContent' },
-                          _react2.default.createElement(
-                            'p',
-                            null,
-                            infoItem.title
-                          ),
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'infoPics' },
-                            _react2.default.createElement('img', { src: imgSrc1 }),
-                            _react2.default.createElement('img', { src: imgSrc2 }),
-                            _react2.default.createElement('img', { src: imgSrc3 })
-                          ),
-                          _react2.default.createElement(
-                            'p',
-                            { className: 't-FS14' },
-                            _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
-                            _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
-                            _react2.default.createElement(
-                              'span',
-                              { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
-                              infoItem.columnName
-                            ),
-                            _react2.default.createElement(
-                              'span',
-                              null,
-                              infoItem.publishDate
-                            )
-                          )
-                        )
-                      );
-                    } else {
-                      if (infoItem.imgId) {
-                        imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
-                      }
-                      return _react2.default.createElement(
-                        'div',
-                        { className: 'infoList' },
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'infoContent' },
-                          _react2.default.createElement(
-                            'div',
-                            { className: imgSrc ? "imgContent" : "t-DN" },
-                            _react2.default.createElement('img', { src: imgSrc })
-                          ),
-                          _react2.default.createElement(
-                            'div',
-                            { className: 't-FB1' },
-                            _react2.default.createElement(
-                              'p',
-                              null,
-                              infoItem.title
-                            ),
-                            _react2.default.createElement(
-                              'p',
-                              { className: 't-FS14' },
-                              _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
-                              _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
-                              _react2.default.createElement(
-                                'span',
-                                { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
-                                infoItem.columnName
-                              ),
-                              _react2.default.createElement(
-                                'span',
-                                null,
-                                infoItem.publishDate
-                              )
-                            )
-                          )
-                        )
-                      );
-                    }
-                  });
-                  return _react2.default.createElement(
-                    _Tab2.default.Item,
-                    { title: item.columnName, key: item.columnId },
-                    item.infoList.length > 0 ? _react2.default.createElement(
-                      'div',
-                      null,
-                      infoList,
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'info-more-btn' },
-                        '\u67E5\u770B\u66F4\u591A'
-                      )
-                    ) : _react2.default.createElement(
-                      'div',
-                      null,
-                      '\u6682\u65E0\u6570\u636E'
-                    )
-                  );
-                });
-              }
-
-              if (t.state[item.portletCode + '_' + item.id]) {
-                componentContent2 = _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: t.state[item.portletCode + '_' + item.id][0].columnId, pageSize: 4, showExpandAll: false, speed: 2 },
-                  xwzxContent
-                );
-              }
-              return _react2.default.createElement(
+            });
+          } else {
+            colectionList = _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+            );
+          }
+        }
+        var bssxCommonTab = '';
+        if (bssxShowList.indexOf('common') > -1) {
+          bssxCommonTab = _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: _react2.default.createElement(
                 'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting3.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting3.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting3.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting3.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting3.pl,
-                    paddingright: _styleSetting3.pr,
-                    paddingTop: _styleSetting3.pt,
-                    paddingBottom: _styleSetting3.pb,
-                    background: _styleSetting3.bgColor ? _styleSetting3.bgColor : ''
-                  } },
-                componentContent2
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                '\u5E38\u7528\u4E8B\u9879'
+              ), key: 0 },
+            _react2.default.createElement(
+              'div',
+              { className: 'banshi-list' },
+              commonList
+            )
+          );
+        }
+        var bssxColectionTab = '';
+        if (bssxShowList.indexOf('colection') > -1) {
+          bssxColectionTab = _react2.default.createElement(
+            _Tab2.default.Item,
+            { key: 1, title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                '\u6211\u7684\u6536\u85CF'
+              ) },
+            _react2.default.createElement(
+              'div',
+              { className: 'banshi-list' },
+              colectionList
+            )
+          );
+        }
+        componentContent = _react2.default.createElement(
+          'div',
+          { className: 'component-bssx' },
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.jumpPage.bind(this, "/officehall") },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: bssxShowList.indexOf('common') > -1 ? "0" : "1" },
+            bssxCommonTab,
+            bssxColectionTab
+          )
+        );
+      }
+      if (item.portletCode === 'ttxx') {
+        var carouselItem = '';
+        var carouselList = '';
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          var tDiv = document.createElement('div');
+          var ttxxImgUrl = "../../../fmui/images/ywtb/notice-card-bg.png";
+          carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
+            if (item.infoList.length > 0) {
+              tDiv.innerHTML = item.infoList[0].content;
+              var text = tDiv.innerText;
+              return _react2.default.createElement(
+                _Carousel2.default.Item,
+                { style: { backgroundImage: 'url(' + ttxxImgUrl + ')' } },
+                _react2.default.createElement(
+                  'div',
+                  { className: 'notice-card-head' },
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    item.infoList[0].columnName
+                  ),
+                  _react2.default.createElement(
+                    _Button2.default,
+                    { type: 'custom', onClick: t.jumpPage.bind(this, "/channelDetail/" + item.channelId + '/' + item.columnId + '/' + item.columnName) },
+                    '\u66F4\u591A'
+                  )
+                ),
+                _react2.default.createElement(
+                  'div',
+                  { onClick: t.jumpPage.bind(this, "/infodetail/" + item.infoList[0].id) },
+                  _react2.default.createElement(
+                    'strong',
+                    { className: 't-FS14 t-omit2 t-LH1_3 t-MB10' },
+                    item.infoList[0].title
+                  ),
+                  _react2.default.createElement(
+                    'p',
+                    { className: 't-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10' },
+                    text
+                  ),
+                  _react2.default.createElement(
+                    'p',
+                    { className: 't-FS12 t-FCgrey' },
+                    item.infoList[0].createdDate
+                  )
+                )
               );
             }
-
-            if (item.portletCode === 'gryj') {
-              var _personalSetting4 = JSON.parse(item.personalSetting);
-              var _styleSetting4 = JSON.parse(item.styleSetting);
-              var gryjShowList = _personalSetting4.mailMenu.split(',');
-              var _componentContent = '';
-              var gryjContent = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                if (t.state[item.portletCode + '_' + item.id].data.personList) {
-                  gryjContent = t.state[item.portletCode + '_' + item.id].data.personList.map(function (item) {
-                    return _react2.default.createElement(
-                      'div',
-                      { className: 'list-item' },
-                      _react2.default.createElement(
-                        'div',
-                        { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
-                        '\u672A\u8BFB'
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'item-title' },
-                        item.theme
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'item-content' },
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'content t-FCddfontblue-60 t-FS12' },
-                          _react2.default.createElement(
-                            'span',
-                            { className: 't-MR12' },
-                            item.sendTime
-                          ),
-                          _react2.default.createElement(
-                            'span',
-                            null,
-                            '\u7533\u8BF7\u4EBA\uFF1A'
-                          ),
-                          _react2.default.createElement(
-                            'span',
-                            null,
-                            item.sendUserName
-                          )
-                        ),
-                        _react2.default.createElement(
-                          'a',
-                          { className: 'more' },
-                          _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
-                        )
-                      )
-                    );
-                  });
-                }
+          });
+          carouselList = carouselItem.filter(function (carouselItem) {
+            return typeof carouselItem !== 'undefined';
+          });
+        }
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          componentContent = _react2.default.createElement(
+            'div',
+            { className: 'componentBox' },
+            _react2.default.createElement(
+              'div',
+              { className: 'notice-card' },
+              _react2.default.createElement(
+                _Carousel2.default,
+                { showNav: true, auto: true, height: '180px', className: 'carousel-notice' },
+                carouselList
+              )
+            )
+          );
+        }
+      }
+      if (item.portletCode === 'xwzx') {
+        var xwzxContent = '';
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          xwzxContent = t.state[item.portletCode + '_' + item.id].map(function (item) {
+            var infoList = item.infoList.map(function (infoItem) {
+              var imgSrc = "";
+              var imgIdList = 0;
+              if (infoItem.imgId) {
+                imgIdList = infoItem.imgId.split('|');
               }
-              var ggyjContent = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                if (t.state[item.portletCode + '_' + item.id].data.publicList) {
-                  ggyjContent = t.state[item.portletCode + '_' + item.id].data.publicList.map(function (item) {
-                    return _react2.default.createElement(
+              if (imgIdList.length >= 3) {
+                var imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
+                var imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + getLoginUserInfo().token;
+                var imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + getLoginUserInfo().token;
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'infoList3', onClick: t.jumpPage.bind(this, "/infodetail/" + infoItem.id) },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'infoContent' },
+                    _react2.default.createElement(
+                      'p',
+                      null,
+                      infoItem.title
+                    ),
+                    _react2.default.createElement(
                       'div',
-                      { className: 'list-item' },
-                      _react2.default.createElement(
-                        'div',
-                        { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
-                        '\u672A\u8BFB'
-                      ),
+                      { className: 'infoPics' },
+                      _react2.default.createElement('img', { src: imgSrc1 }),
+                      _react2.default.createElement('img', { src: imgSrc2 }),
+                      _react2.default.createElement('img', { src: imgSrc3 })
+                    ),
+                    _react2.default.createElement(
+                      'p',
+                      { className: 't-FS14' },
+                      _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
+                      _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
                       _react2.default.createElement(
-                        'div',
-                        { className: 'item-title' },
-                        item.theme
+                        'span',
+                        { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
+                        infoItem.columnName
                       ),
                       _react2.default.createElement(
-                        'div',
-                        { className: 'item-content' },
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'content t-FCddfontblue-60 t-FS12' },
-                          _react2.default.createElement(
-                            'span',
-                            { className: 't-MR12' },
-                            item.sendTime
-                          ),
-                          _react2.default.createElement(
-                            'span',
-                            null,
-                            '\u7533\u8BF7\u4EBA\uFF1A'
-                          ),
-                          _react2.default.createElement(
-                            'span',
-                            null,
-                            item.sendUserName
-                          )
-                        ),
-                        _react2.default.createElement(
-                          'a',
-                          { className: 'more' },
-                          _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
-                        )
+                        'span',
+                        null,
+                        infoItem.publishDate
                       )
-                    );
-                  });
-                }
-              }
-              var personMailTab = '';
-              if (gryjShowList.indexOf('personMail') > -1) {
-                var personMailTab = _react2.default.createElement(
-                  _Tab2.default.Item,
-                  { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting4.titleSet.color, fontWeight: _styleSetting4.titleSet.fontWeight } },
-                      '\u4E2A\u4EBA\u90AE\u7BB1'
-                    ), key: '0' },
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'list-RT-label' },
-                    gryjContent
+                    )
                   )
                 );
-              }
-              if (gryjShowList.indexOf('commonMail') > -1) {
-                var publicMailTab = _react2.default.createElement(
-                  _Tab2.default.Item,
-                  { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting4.titleSet.color, fontWeight: _styleSetting4.titleSet.fontWeight } },
-                      '\u516C\u5171\u90AE\u7BB1'
-                    ), key: '1' },
+              } else {
+                if (infoItem.imgId) {
+                  imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
+                }
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'infoList', onClick: t.jumpPage.bind(this, "/infodetail/" + infoItem.id) },
                   _react2.default.createElement(
                     'div',
-                    { className: 'list-RT-label' },
-                    ggyjContent
-                  )
-                );
-              }
-              _componentContent = _react2.default.createElement(
-                _Tab2.default,
-                { activeKey: gryjShowList.indexOf('personMail') > -1 ? "0" : "1" },
-                personMailTab,
-                publicMailTab
-              );
-              return _react2.default.createElement(
-                'div',
-                { className: 'ggyjContent', key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting4.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting4.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting4.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting4.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting4.pl,
-                    paddingright: _styleSetting4.pr,
-                    paddingTop: _styleSetting4.pt,
-                    paddingBottom: _styleSetting4.pb,
-                    background: _styleSetting4.bgColor ? _styleSetting4.bgColor : ''
-                  } },
-                _react2.default.createElement(
-                  'p',
-                  { className: 'rightMore' },
-                  '\u66F4\u591A',
-                  _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
-                ),
-                _componentContent
-              );
-            }
-
-            if (item.portletCode === 'grrc') {
-              var _personalSetting5 = JSON.parse(item.personalSetting);
-              var _styleSetting5 = JSON.parse(item.styleSetting);
-              var componentHead = _react2.default.createElement(
-                'div',
-                null,
-                _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: '0', className: 't-MB16' },
-                  _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                    { className: 'infoContent' },
+                    _react2.default.createElement(
                       'div',
-                      { className: '', style: { color: _styleSetting5.titleSet.color, fontWeight: _styleSetting5.titleSet.fontWeight } },
-                      '\u6211\u7684\u65E5\u7A0B'
-                    ), key: '0' })
-                )
-              );
-              var calendarDom = _react2.default.createElement('div', { id: 'calendar' });
-              var grrcList = '';
-              var componentContent4 = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                grrcList = _react2.default.createElement(
-                  'div',
-                  { className: 'rc-list' },
-                  grrcContent
-                );
-              }
-              componentContent4 = _react2.default.createElement(
-                'div',
-                null,
-                calendarDom,
-                grrcList
-              );
-              setTimeout(function () {
-                t.initCleader(t.state[item.portletCode + '_' + item.id]);
-              }, 600);
-              return _react2.default.createElement(
-                'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting5.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting5.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting5.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting5.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting5.pl,
-                    paddingright: _styleSetting5.pr,
-                    paddingTop: _styleSetting5.pt,
-                    paddingBottom: _styleSetting5.pb,
-                    background: _styleSetting5.bgColor ? _styleSetting5.bgColor : ''
-                  } },
-                componentHead,
-                componentContent4
-              );
-            }
-
-            if (item.portletCode === 'grhy') {
-              var _personalSetting6 = JSON.parse(item.personalSetting);
-              var _styleSetting6 = JSON.parse(item.styleSetting);
-              var grhyContent = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                grhyContent = t.state[item.portletCode + '_' + item.id].data.map(function (item) {
-                  return _react2.default.createElement(
-                    'div',
-                    { className: 'meetingCard' },
-                    _react2.default.createElement('div', { className: 'lineTop' }),
+                      { className: imgSrc ? "imgContent" : "t-DN" },
+                      _react2.default.createElement('img', { src: imgSrc })
+                    ),
                     _react2.default.createElement(
                       'div',
-                      { className: 'meetingBg' },
+                      { className: 't-FB1' },
+                      _react2.default.createElement(
+                        'p',
+                        null,
+                        infoItem.title
+                      ),
                       _react2.default.createElement(
-                        'div',
-                        { className: 'meetingContent' },
+                        'p',
+                        { className: 't-FS14' },
+                        _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
+                        _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
                         _react2.default.createElement(
-                          'div',
-                          { className: 'meetingTitle' },
-                          _react2.default.createElement(
-                            'p',
-                            { className: 't-omit t-LH1_6' },
-                            item.applyRecordName
-                          )
+                          'span',
+                          { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
+                          infoItem.columnName
                         ),
                         _react2.default.createElement(
-                          'div',
-                          { className: 'meetingTime' },
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'meetingDate' },
-                            _react2.default.createElement('i', { className: 'iconfont icon-shijian1 t-FS14' }),
-                            _react2.default.createElement(
-                              'span',
-                              { className: 't-ML6' },
-                              item.week
-                            ),
-                            _react2.default.createElement(
-                              'span',
-                              { className: 't-ML10' },
-                              item.startDate
-                            )
-                          ),
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'timeTitle' },
-                            _react2.default.createElement(
-                              'p',
-                              null,
-                              '\u5F00\u59CB\u65F6\u95F4'
-                            ),
-                            _react2.default.createElement(
-                              'p',
-                              null,
-                              '\u7ED3\u675F\u65F6\u95F4'
-                            )
-                          ),
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'time' },
-                            _react2.default.createElement(
-                              'li',
-                              null,
-                              item.sTime
-                            ),
-                            _react2.default.createElement(
-                              'li',
-                              null,
-                              _react2.default.createElement(
-                                'p',
-                                null,
-                                item.durationTime
-                              )
-                            ),
-                            _react2.default.createElement(
-                              'li',
-                              null,
-                              item.eTime
-                            )
-                          ),
-                          _react2.default.createElement(
-                            'div',
-                            { className: 'location' },
-                            _react2.default.createElement('i', { className: 'iconfont icon-dizhi t-FS14' }),
-                            _react2.default.createElement(
-                              'span',
-                              { className: 't-ML6' },
-                              item.meetingAddress
-                            )
-                          )
+                          'span',
+                          null,
+                          infoItem.publishDate
                         )
                       )
                     )
-                  );
-                });
-              }
-              var componentHead1 = _react2.default.createElement(
-                'div',
-                null,
-                _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: '0', className: 't-MB16' },
-                  _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting6.titleSet.color, fontWeight: _styleSetting6.titleSet.fontWeight } },
-                      '\u6211\u7684\u4F1A\u8BAE'
-                    ), key: '0' })
-                )
-              );
-              var componentContent5 = '';
-              if (t.state[item.portletCode + '_' + item.id]) {
-                if (t.state[item.portletCode + '_' + item.id].data.length > 0) {
-                  componentContent5 = grhyContent;
-                }
+                  )
+                );
               }
-              return _react2.default.createElement(
-                'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting6.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting6.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting6.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting6.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting6.pl,
-                    paddingright: _styleSetting6.pr,
-                    paddingTop: _styleSetting6.pt,
-                    paddingBottom: _styleSetting6.pb,
-                    background: _styleSetting6.bgColor ? _styleSetting6.bgColor : ''
-                  } },
-                componentHead1,
-                componentContent5
-              );
-            }
-
-            if (item.portletCode === 'lcfq') {
-              var _personalSetting7 = JSON.parse(item.personalSetting);
-              var _styleSetting7 = JSON.parse(item.styleSetting);
-              var _componentHead = _react2.default.createElement(
+            });
+            return _react2.default.createElement(
+              _Tab2.default.Item,
+              { title: _react2.default.createElement(
+                  'div',
+                  { style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                  item.columnName
+                ), key: item.columnId },
+              item.infoList.length > 0 ? _react2.default.createElement(
                 'div',
-                null,
+                { className: '' },
+                infoList,
                 _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: '0', className: 't-MB16' },
-                  _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting7.titleSet.color, fontWeight: _styleSetting7.titleSet.fontWeight } },
-                      '\u4E8B\u9879\u53D1\u8D77'
-                    ), key: '0' })
+                  'div',
+                  { className: 'info-more-btn', onClick: t.jumpPage.bind(this, "/channelDetail/" + item.channelId + '/' + item.columnId + '/' + item.columnName) },
+                  '\u67E5\u770B\u66F4\u591A'
                 )
-              );
-              var _componentContent2 = '';
-              _componentContent2 = lcfqContent;
+              ) : _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10 t-MT16', src: '../../../fmui/images/home/nodata.png' })
+            );
+          });
+        }
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          componentContent = _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: t.state[item.portletCode + '_' + item.id][0].columnId, pageSize: 4, showExpandAll: false, speed: 2 },
+            xwzxContent
+          );
+        }
+      }
+      if (item.portletCode === 'gryj') {
 
+        var gryjShowList = personalSetting.mailMenu;
+        var gryjContent = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          if (t.state[item.portletCode + '_' + item.id].data.personList && t.state[item.portletCode + '_' + item.id].data.personList.length > 0) {
+            gryjContent = t.state[item.portletCode + '_' + item.id].data.personList.map(function (item) {
               return _react2.default.createElement(
                 'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting7.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting7.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting7.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting7.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting7.pl,
-                    paddingright: _styleSetting7.pr,
-                    paddingTop: _styleSetting7.pt,
-                    paddingBottom: _styleSetting7.pb,
-                    background: _styleSetting7.bgColor ? _styleSetting7.bgColor : ''
-                  } },
+                { className: 'list-item ', onClick: t.skipPage.bind(this, 'mobile/modules/mail/dist/index.html?context=' + context + '&contextPath=flex&isPublic=0#/mail/details/' + item.mailId + '/1/0/undefined/undefined/undefined/1') },
                 _react2.default.createElement(
-                  'p',
-                  { className: 'rightMore' },
-                  '\u66F4\u591A',
-                  _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+                  'div',
+                  { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
+                  '\u672A\u8BFB'
                 ),
-                _componentHead,
-                _componentContent2
-              );
-            }
-
-            if (item.portletCode === 'tbgl') {
-              var _personalSetting8 = JSON.parse(item.personalSetting);
-              var _styleSetting8 = JSON.parse(item.styleSetting);
-              var _componentHead2 = _react2.default.createElement(
-                'div',
-                null,
-                _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: '0', className: 't-MB16' },
-                  _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting8.titleSet.color, fontWeight: _styleSetting8.titleSet.fontWeight } },
-                      '\u56FE\u8868'
-                    ), key: '0' })
-                )
-              );
-
-              var _componentContent3 = _react2.default.createElement(_chart2.default, { portalId: item.portalId, height: '100%' });
-              return _react2.default.createElement(
-                'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting8.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting8.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting8.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting8.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting8.pl,
-                    paddingright: _styleSetting8.pr,
-                    paddingTop: _styleSetting8.pt,
-                    paddingBottom: _styleSetting8.pb,
-                    background: _styleSetting8.bgColor ? _styleSetting8.bgColor : ''
-                  } },
-                _componentHead2,
-                _componentContent3
-              );
-            }
-
-            if (item.portletCode === 'wdsx') {
-              var _personalSetting9 = JSON.parse(item.personalSetting);
-              var _styleSetting9 = JSON.parse(item.styleSetting);
-              var _componentHead3 = _react2.default.createElement(
-                'div',
-                null,
                 _react2.default.createElement(
-                  _Tab2.default,
-                  { activeKey: '0', className: 't-MB16' },
-                  _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
-                      'div',
-                      { className: '', style: { color: _styleSetting9.titleSet.color, fontWeight: _styleSetting9.titleSet.fontWeight } },
-                      '\u6211\u7684\u4E8B\u9879'
-                    ), key: '0' })
-                )
-              );
-              var _componentContent4 = _react2.default.createElement(
-                'div',
-                { className: 'list-item' },
+                  'div',
+                  { className: 'item-title' },
+                  item.theme
+                ),
                 _react2.default.createElement(
                   'div',
                   { className: 'item-content' },
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'item-title' },
-                    '\u540D\u5B57\u540D\u5B57'
-                  ),
                   _react2.default.createElement(
                     'div',
                     { className: 'content t-FCddfontblue-60 t-FS12' },
                     _react2.default.createElement(
                       'span',
                       { className: 't-MR12' },
-                      '\u65F6\u95F4\u65F6\u95F4\u65F6\u95F4'
+                      item.sendTime
                     ),
                     _react2.default.createElement(
                       'span',
@@ -1674,79 +1173,648 @@ var MyGrid = function (_React$Component) {
                     _react2.default.createElement(
                       'span',
                       null,
-                      '\u540D\u5B57\u540D\u5B57\u540D\u5B57'
+                      item.sendUserName
                     )
+                  ),
+                  _react2.default.createElement(
+                    'a',
+                    { className: 'more' },
+                    _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
                   )
-                ),
-                _react2.default.createElement(
-                  'a',
-                  { className: 'more' },
-                  _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
                 )
               );
-              return _react2.default.createElement(
+            });
+          } else {
+            gryjContent = _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+            );
+          }
+        }
+        var ggyjContent = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          if (t.state[item.portletCode + '_' + item.id].data.publicList && t.state[item.portletCode + '_' + item.id].data.publicList.length > 0) {
+            ggyjContent = t.state[item.portletCode + '_' + item.id].data.publicList.map(function (item) {
+              return _react2.default.createElement(
                 'div',
-                { key: item.id, style: {
-                    borderTopLeftRadius: _styleSetting9.otherSet.radius.topLeft,
-                    borderTopRightRadius: _styleSetting9.otherSet.radius.topRight,
-                    borderBottomLeftRadius: _styleSetting9.otherSet.radius.bottomLeft,
-                    borderBottomRightRadius: _styleSetting9.otherSet.radius.bottomRight,
-                    paddingLeft: _styleSetting9.pl,
-                    paddingright: _styleSetting9.pr,
-                    paddingTop: _styleSetting9.pt,
-                    paddingBottom: _styleSetting9.pb,
-                    background: _styleSetting9.bgColor ? _styleSetting9.bgColor : ''
-                  } },
-                _componentHead3,
+                { className: 'list-item', onClick: t.skipPage.bind(this, 'mobile/modules/mail/dist/index.html?context=' + context + '&contextPath=flex&isPublic=1#/mail/details/' + item.mailId + '/1/0/undefined/undefined/undefined/1') },
+                _react2.default.createElement(
+                  'div',
+                  { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
+                  '\u672A\u8BFB'
+                ),
                 _react2.default.createElement(
                   'div',
-                  { className: 'list-RT-label wdsx-list' },
-                  _componentContent4
+                  { className: 'item-title' },
+                  item.theme
+                ),
+                _react2.default.createElement(
+                  'div',
+                  { className: 'item-content' },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'content t-FCddfontblue-60 t-FS12' },
+                    _react2.default.createElement(
+                      'span',
+                      { className: 't-MR12' },
+                      item.sendTime
+                    ),
+                    _react2.default.createElement(
+                      'span',
+                      null,
+                      '\u7533\u8BF7\u4EBA\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                      'span',
+                      null,
+                      item.sendUserName
+                    )
+                  ),
+                  _react2.default.createElement(
+                    'a',
+                    { className: 'more' },
+                    _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
+                  )
                 )
               );
+            });
+          } else {
+            ggyjContent = _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
+            );
+          }
+        }
+        var personMailTab = '';
+        if (gryjShowList.indexOf('personMail') > -1) {
+          var personMailTab = _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                '\u4E2A\u4EBA\u90AE\u7BB1'
+              ), key: '0' },
+            _react2.default.createElement(
+              'div',
+              { className: 'list-RT-label t-MT16' },
+              gryjContent
+            )
+          );
+        }
+        if (gryjShowList.indexOf('commonMail') > -1) {
+          var publicMailTab = _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                '\u516C\u5171\u90AE\u7BB1'
+              ), key: '1' },
+            _react2.default.createElement(
+              'div',
+              { className: 'list-RT-label t-MT16' },
+              ggyjContent
+            )
+          );
+        }
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          t.state['activeIndex_ggyj_' + item.id] && t.state['activeIndex_ggyj_' + item.id] === true ? _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, 'ggyj') },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ) : _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, 'gryj') },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: gryjShowList.indexOf('personMail') > -1 ? "0" : "1", onChange: t.handleChange.bind(this, item.id) },
+            personMailTab,
+            publicMailTab
+          )
+        );
+      }
+      if (item.portletCode === 'grrc') {
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+        var grrcContent = '';
+        if (t.state['grrc_list_' + item.id]) {
+          grrcContent = t.state['grrc_list_' + item.id].map(function (item) {
+            var completed = false;
+            if (item.startTime) {
+              var date = new Date(item.startTime.replace(/-/g, '/'));
+              var H = date.getHours();
+              var M = date.getMinutes();
+              if (H < 10) {
+                H = "0" + H;
+              }
+              if (M < 10) {
+                M = "0" + M;
+              }
+              var time = H + ":" + M;
+              var now = new Date();
+              if (date < now) {
+                //过去时
+                completed = true;
+              }
             }
+            return _react2.default.createElement(
+              HBox,
+              { className: completed ? 'rc-item t-PR rc-completed' : 'rc-item t-PR', vAlign: 'center' },
+              _react2.default.createElement(
+                Box,
+                { className: 'rc-item-time' },
+                time
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: 'rc-item-time-line' },
+                _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-fuhao' })
+              ),
+              _react2.default.createElement(
+                Box,
+                { flex: 1, className: 'rc-item-title t-omit' },
+                item.title
+              )
+            );
+          });
+        }
 
-            // if (item.portletCode === 'jxzt') {
-            //   let componentHead2 = <div>
-            //     <Tab activeKey={'0'} className="t-MB16">
-            //       <Tab.Item title="精选专题" key="0"></Tab.Item>
-            //     </Tab>
-            //   </div>
-            //   return <div key={item.id}>
-            //     {componentHead2}
-            //     <Carousel
-            //       showNav
-            //       auto
-            //       active={1}
-            //     >
-            //       <Carousel.Item title="标题" className="t-image-slide-item t-R10" >
-            //         <p className="t-FS20 t-ML20 t-PT20 t-MB10">专题服务</p>
-            //         <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span>
-            //       </Carousel.Item>
-            //       <Carousel.Item className="t-image-slide-item t-R10">
-            //         <p className="t-FS20 t-ML20 t-PT20 t-MB10">专题服务</p>
-            //         <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span>
-            //       </Carousel.Item>
-            //       <Carousel.Item className="t-image-slide-item t-R10" >
-            //         <p className="t-FS20 t-ML20 t-PT20 t-MB10">专题服务</p>
-            //         <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span>
-            //       </Carousel.Item>
-            //       <Carousel.Item className="t-image-slide-item t-R10" >
-            //         <p className="t-FS20 t-ML20 t-PT20 t-MB10">专题服务</p>
-            //         <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span>
-            //       </Carousel.Item>
-            //       <Carousel.Item className="t-image-slide-item t-R10">
-            //         <p className="t-FS20 t-ML20 t-PT20 t-MB10">专题服务</p>
-            //         <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span>
-            //       </Carousel.Item>
-            //     </Carousel>
-            //   </div>
-            // }
-            return null; // 添加一个默认返回值，以避免未指定键的错误
-          })
-        )
+        var calendarDom = _react2.default.createElement('div', { id: 'calendar_ ' + item.id });
+        var grrcList = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          grrcList = _react2.default.createElement(
+            'div',
+            { className: 'rc-list' },
+            grrcContent
+          );
+        }
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          calendarDom,
+          grrcList
+        );
+        if (t.state[item.portletCode + '_' + item.id]) {
+          setTimeout(function () {
+            t.initCleader(t.state[item.portletCode + '_' + item.id], item.id);
+          }, 600);
+        }
+      }
+      if (item.portletCode === 'grhy') {
+        var grhyContent = '';
+        if (t.state[item.portletCode + '_' + item.id]) {
+          grhyContent = t.state[item.portletCode + '_' + item.id].data.map(function (item) {
+            return _react2.default.createElement(
+              'div',
+              { className: 'meetingCard' },
+              _react2.default.createElement('div', { className: 'lineTop' }),
+              _react2.default.createElement(
+                'div',
+                { className: 'meetingBg' },
+                _react2.default.createElement(
+                  'div',
+                  { className: 'meetingContent', onClick: t.skipPage.bind(this, 'mobile/modules/meeting/dist/index.html?context=' + context + '&hasBottomTab=1#/meeting/myMeetingDetails/' + item.applyRecordid + '/myReceived') },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'meetingTitle' },
+                    _react2.default.createElement(
+                      'p',
+                      { className: 't-omit t-LH1_6' },
+                      item.applyRecordName
+                    )
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'meetingTime' },
+                    _react2.default.createElement(
+                      'div',
+                      { className: 'meetingDate' },
+                      _react2.default.createElement('i', { className: 'iconfont icon-shijian1 t-FS14' }),
+                      _react2.default.createElement(
+                        'span',
+                        { className: 't-ML6' },
+                        item.week
+                      ),
+                      _react2.default.createElement(
+                        'span',
+                        { className: 't-ML10' },
+                        item.startDate
+                      )
+                    ),
+                    _react2.default.createElement(
+                      'div',
+                      { className: 'timeTitle' },
+                      _react2.default.createElement(
+                        'p',
+                        null,
+                        '\u5F00\u59CB\u65F6\u95F4'
+                      ),
+                      _react2.default.createElement(
+                        'p',
+                        null,
+                        '\u7ED3\u675F\u65F6\u95F4'
+                      )
+                    ),
+                    _react2.default.createElement(
+                      'div',
+                      { className: 'time' },
+                      _react2.default.createElement(
+                        'li',
+                        null,
+                        item.sTime
+                      ),
+                      _react2.default.createElement(
+                        'li',
+                        null,
+                        _react2.default.createElement(
+                          'p',
+                          null,
+                          item.durationTime
+                        )
+                      ),
+                      _react2.default.createElement(
+                        'li',
+                        null,
+                        item.eTime
+                      )
+                    ),
+                    _react2.default.createElement(
+                      'div',
+                      { className: 'location' },
+                      _react2.default.createElement('i', { className: 'iconfont icon-dizhi t-FS14' }),
+                      _react2.default.createElement(
+                        'span',
+                        { className: 't-ML6' },
+                        item.meetingAddress
+                      )
+                    )
+                  )
+                ),
+                _react2.default.createElement('img', { src: '../../../fmui/images/home/start.png', className: 'startIcon' })
+              )
+            );
+          });
+        }
+        componentHead = _react2.default.createElement(
+          'div',
+          { className: 'component-bssx' },
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+
+        if (t.state[item.portletCode + '_' + item.id]) {
+          if (t.state[item.portletCode + '_' + item.id].data.length > 0) {
+            componentContent = grhyContent;
+          }
+        }
+      }
+      if (item.portletCode === 'lcfq') {
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          // 文字模式
+          if (personalSetting.styleType == '1') {
+            componentContent = _react2.default.createElement(
+              _Grid2.default,
+              { col: personalSetting.cols * 1, className: 'sxbl_buttons' },
+              t.state[item.portletCode + '_' + item.id].map(function (item) {
+                return _react2.default.createElement(
+                  'button',
+                  { onClick: function onClick() {
+                      _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
+                    } },
+                  item.name
+                );
+              })
+            );
+          }
+
+          if (personalSetting.styleType == '2') {
+            // 卡片模式
+            componentContent = _react2.default.createElement(
+              _Grid2.default,
+              { col: personalSetting.cols * 1, className: 'lcfq-list' },
+              t.state[item.portletCode + '_' + item.id].map(function (item) {
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'lcfq-list-item', onClick: function onClick() {
+                      _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
+                    } },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'lcfq-list-item-icon' },
+                    _react2.default.createElement('i', { className: "iconfont-ywtb icon-ywtb-" + item.icon })
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'lcfq-list-item-text' },
+                    item.name
+                  )
+                );
+              })
+            );
+          }
+        }
+      }
+      if (item.portletCode === 'tbgl') {
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+
+        componentContent = _react2.default.createElement(_chart2.default, { portalId: item.id, height: '100%', hasTitle: styleSetting.titleSet.titleStatus == 1 });
+      }
+      if (item.portletCode === 'wdsx') {
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+        var wdsxList = '';
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          wdsxList = t.state[item.portletCode + '_' + item.id].map(function (item) {
+            return _react2.default.createElement(
+              'div',
+              { className: 'list-item', onClick: t.skip2Process.bind(t, item, 4) },
+              _react2.default.createElement(
+                'div',
+                { className: 'item-content' },
+                _react2.default.createElement(
+                  'div',
+                  { className: 'item-title' },
+                  item.title
+                ),
+                _react2.default.createElement(
+                  'div',
+                  { className: 'content t-FCddfontblue-60 t-FS12' },
+                  _react2.default.createElement(
+                    'span',
+                    { className: 't-MR12' },
+                    item.createTime
+                  ),
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    '\u7533\u8BF7\u4EBA\uFF1A'
+                  ),
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    item.startUserName
+                  )
+                )
+              ),
+              _react2.default.createElement(
+                'a',
+                { className: 'more' },
+                _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
+              )
+            );
+          });
+          componentContent = _react2.default.createElement(
+            'div',
+            { className: 'list-RT-label wdsx-list' },
+            wdsxList
+          );
+        }
+      }
+      if (item.portletCode === 'jxzt') {
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+
+        var _carouselItem = '';
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+
+          _carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
+            var imgUrlPath = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + item.imgUrl;
+
+            return _react2.default.createElement(
+              _Carousel2.default.Item,
+              { title: '\u6807\u9898', code: item.code, className: 't-image-slide-item t-R10', style: { backgroundImage: 'url(' + imgUrlPath + ')' } },
+              _react2.default.createElement(
+                'p',
+                { className: 't-FS20 t-PT20 t-MB10', style: { textAlign: 'center' } },
+                item.name
+              )
+            );
+          });
+        }
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
+          componentContent = _react2.default.createElement(
+            _Carousel2.default,
+            { showNav: true, height: '91px', auto: false, className: 'jxzt-content', onSlideClick: function onSlideClick(option) {
+                t.skip2Zhuanti(option);
+              } },
+            _carouselItem
+          );
+        }
+      }
+      if (item.portletCode === 'image') {
+        var tppathUrl = "";
+        var tpUrlId = "";
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].imgId) {
+          tpUrlId = t.state[item.portletCode + '_' + item.id].imgId;
+          tppathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + tpUrlId;
+          componentContent = _react2.default.createElement(
+            'div',
+            { className: 'tp-content' },
+            _react2.default.createElement('img', { src: tppathUrl, alt: '' })
+          );
+        }
+      }
+      return _react2.default.createElement(
+        'div',
+        { className: styleSetting.titleSet.titleStatus == 1 ? 'react-grid-component' : 'react-grid-component noTitle', key: item.id, style: {
+            borderTopLeftRadius: styleSetting.otherSet.radius.topLeft + 'px',
+            borderTopRightRadius: styleSetting.otherSet.radius.topRight + 'px',
+            borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft + 'px',
+            borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight + 'px',
+            paddingLeft: styleSetting.otherSet.paddingSet.pl + 'px',
+            paddingright: styleSetting.otherSet.paddingSet.pr + 'px',
+            paddingTop: styleSetting.otherSet.paddingSet.pt + 'px',
+            paddingBottom: styleSetting.otherSet.paddingSet.pb + 'px',
+            backgroundColor: styleSetting.otherSet.bgColor
+          } },
+        styleSetting.titleSet.titleStatus == 1 ? componentHead : '',
+        componentContent
       );
     }
+
+    // 下拉刷新
+
+  }, {
+    key: 'onRefresh',
+    value: function onRefresh() {
+      var _this3 = this;
+
+      // debugger;
+      this.setState({ refreshing: true });
+      this.initPage();
+      // this.setState({
+      //   refreshing: false,
+      // });
+      setTimeout(function () {
+        _this3.setState({
+          refreshing: false
+        });
+      }, 1000);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var t = this;
+      var context = localStorage.getItem('context');
+      var userId = getLoginUserInfo().userId;
+      var token = getLoginUserInfo().token;
+      var layout = this.state.data.map(function (item) {
+        return {
+          i: item.id,
+          x: item.positionX,
+          y: item.positionY,
+          w: item.portletWidth,
+          h: item.portletHeight,
+          static: true //禁止修改部件大小
+        };
+      });
+
+      if (!layout || layout.length === 0) {
+        return null;
+      } else {
+        return _react2.default.createElement(
+          'div',
+          { className: 'react-grid' },
+          _react2.default.createElement(
+            _Refreshcontrol2.default,
+            { refreshing: this.state.refreshing, onRefresh: this.onRefresh.bind(this), beforePullLoadText: '\u4E0B\u62C9\u5237\u65B0', afterPullLoadText: '\u4E0B\u62C9\u5237\u65B0\u7ED3\u675F' },
+            _react2.default.createElement(
+              _reactGridLayout2.default,
+              {
+                className: 'layout',
+                layout: layout,
+                cols: 12,
+                rowHeight: 20,
+                width: window.innerWidth,
+                isDraggable: this.state.isDraggable,
+                margin: [0, 15],
+                containerPadding: [8, 8]
+              },
+              this.state.data.map(function (item) {
+                return t.portalContent(item) || null;
+
+                // 添加一个默认返回值，以避免未指定键的错误
+              })
+            )
+          )
+        );
+      }
+    }
   }]);
 
   return MyGrid;