fmui-base 2.1.43 → 2.1.46

package/lib/react_grid/react_grid copy 2.js

@@ -0,0 +1,722 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _umi = require('umi');
+
+var _reactGridLayout = require('react-grid-layout');
+
+var _reactGridLayout2 = _interopRequireDefault(_reactGridLayout);
+
+var _Badge = require('saltui/lib/Badge');
+
+var _Badge2 = _interopRequireDefault(_Badge);
+
+var _Grid = require('saltui/lib/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _TextField = require('saltui/lib/TextField');
+
+var _TextField2 = _interopRequireDefault(_TextField);
+
+var _Tab = require('saltui/lib/Tab');
+
+var _Tab2 = _interopRequireDefault(_Tab);
+
+var _Carousel = require('saltui/lib/Carousel');
+
+var _Carousel2 = _interopRequireDefault(_Carousel);
+
+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');
+
+require('./react_grid.less');
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+var _variables = require('../db/variables');
+
+var _variables2 = _interopRequireDefault(_variables);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+// import Chart from '../chart/chart';
+var projectMenuUrl = _variables2.default.projectMenuUrl;
+var HBox = _Boxs2.default.HBox,
+    Box = _Boxs2.default.Box,
+    VBox = _Boxs2.default.VBox;
+var RightAddon = _TextField2.default.RightAddon;
+
+var context = document.getElementById("context").value;
+
+var MyGrid = function (_React$Component) {
+  _inherits(MyGrid, _React$Component);
+
+  function MyGrid(props) {
+    _classCallCheck(this, MyGrid);
+
+    var _this = _possibleConstructorReturn(this, (MyGrid.__proto__ || Object.getPrototypeOf(MyGrid)).call(this, props));
+
+    _this.initPage = function () {
+      var t = _this;
+      // 部件的初始化信息
+      _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') {
+              var cyyyCols = JSON.parse(item.personalSetting).cols;
+              t.getShoucangAppInfo(item.id);
+              t.getOftenList(item.id, cyyyCols);
+              _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
+        });
+      });
+
+      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, cyyyCols) {
+      var data = getLoginUserInfo();
+      var thirdMenuType = data.thirdMenuType;
+      var params = { code: "cyyy", cols: cyyyCols };
+      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);
+      });
+    };
+
+    var portalId = props.portalId;
+    var module = props.module;
+    _this.state = {
+      portalId: portalId,
+      module: module,
+      data: [],
+      isDraggable: false,
+      //标题样式
+      titleStatus: true,
+      titleFontFamily: '',
+      titleFontWeight: 400,
+      titleColor: '',
+      titleFontSize: '',
+      titleFontStyle: '',
+      titleBgColor: '',
+      // 部件圆角
+      borderTopLeftRadius: '10px',
+      borderTopRightRadius: '10px',
+      borderBottomLeftRadius: '10px',
+      borderBottomRightRadius: '10px',
+      // 部件边框样式
+      borderColor: '',
+      borderWidth: '',
+      // 部件内边距
+      paddingLeft: '',
+      paddingright: '',
+      paddingTop: '',
+      paddingBottom: '',
+
+      // todoList: [],//移动集成 配置提醒项信息  
+      todoList: ["banshi", "zixun", "yingyong", "daiban", "wode"],
+      pageImage: projectMenuUrl.pageImage, //提醒项背景图
+      appInfoList: [], //移动集成 配置应用信息 
+      bannerPicPath: '',
+      activeIndex: 2,
+      undo: 0, //待办数量
+      approveundo: 0, //审批数量
+      toBeAttendedCount: 0, //会议数量
+      unreadMailCount: 0, //未读邮件 
+      unreadPubMailCount: 0, //未读公共邮件
+      appOftenList: [], //常用应用
+      collectAppInfoList: [], //收藏应用
+      bssx: [], // 办事事项
+      bssx_per: [], // 办事事项_个人办事
+      bssx_org: [], // 办事事项_部门办事
+      jxzt: [], // 精选专题
+      ttxx: [], // 头条信息
+      xwzx: [], // 新闻资讯
+      gryj: [], // 个人邮件
+      grrc: [], // 个人日程
+      grrc_list: [], // 个人日程-日程信息
+      grhy: [], // 个人会议
+      showbssx: true, // 办事事项
+      showjxzt: true, // 精选专题
+      showttxx: true, // 头条信息
+      showxwzx: true, // 新闻资讯
+      showgryj: true, // 个人邮件
+      showgrrc: true, // 个人日程
+      showgrhy: true, // 个人会议
+      showcyyy: true, // 常用应用
+      initCleader: false,
+      bannerList: [],
+      showSlide: false,
+      refreshing: false, //下拉刷新
+      showMobileComponent: "", // 显示部件显示模块
+      componentList: [], // 显示部件显示模块数组
+      pageImageList: [],
+      showItem: 0,
+      searchVal: '', //顶部搜索input值
+      filterValue: { //顶部搜索分类值
+        sort: [{ text: '全部', value: 'all' }]
+      },
+      modelCode: 'all',
+      bssxPer_show: true, //办事事项_个人_是否显示
+      bssxOrg_show: true, //办事事项_个人_是否显示,
+      cyyyUsuTab_show: true, //常用应用_是否显示
+      cyyyPerTab_show: true, //我的收藏_是否显示
+      activeIndex_mail: 0
+
+    };
+    return _this;
+  }
+
+  _createClass(MyGrid, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.initPage();
+    }
+    // 遍历初始化得到的data，奖id给请求部件的内容的接口
+    // 如果有两个相同的部件，将会用id请求部件内容，接口返回的数据需要 this.setState({【id】:result.data});这样存值
+    // 取值的时候根据id取值
+
+
+    // 获取收藏应用
+
+
+    // 获取用户设置常用应用
+    // 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 _this2 = this;
+
+      _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, id) {
+      if (!this.state["initCleader_" + id] || this.state["initCleader_" + id] == false) {
+        var t = this;
+        var calendar = document.getElementById('calendar_ ' + id);
+        if (calendar) {
+          var cld = new CalendarMobile({
+            el: 'box',
+            value: '', // 默认为new Date();
+            type: 1,
+            parentNode: calendar,
+            // fold: false,
+            fn: function fn(obj) {
+              // 日期选择后回调
+              var YY = obj.year;
+              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, id);
+            },
+            //点击上一个月
+            prevMonth: function prevMonth(obj) {},
+            //点击下一个月
+            nextMonth: function nextMonth(obj) {},
+            calendarInit: function calendarInit(obj) {
+              var YY = obj.year;
+              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.showCalendarEvent(event);
+              t.showCalendarList(Date, event, id);
+            }
+          });
+          this.setState(_defineProperty({}, "initCleader_" + id, true));
+        }
+      }
+    }
+
+    //在日历上显示日程事件（显示点）
+
+  }, {
+    key: 'showCalendarEvent',
+    value: function showCalendarEvent(dates, obj, t) {
+      var $span = $(".canChoose").find('span');
+      $span.removeClass('hasEvent');
+      // var dates = this.state.grrc.dateList
+      var dates = dates.dateList;
+      if (dates) {
+        for (var i = 0; i < dates.length; i++) {
+          var date = new Date(dates[i]);
+          var day = date.getDate();
+          $span.eq(parseInt(day) - 1).addClass('hasEvent');
+        }
+      }
+    }
+    //显示日程信息
+
+  }, {
+    key: 'showCalendarList',
+    value: function showCalendarList(Date, data, id) {
+      if (data.dataMap && 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 {
+        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;
+
+      if (item.portletCode === 'banner') {
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          '1111111'
+        );
+      }
+      if (item.portletCode === 'cyyy') {
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          '2222222'
+        );
+      }
+      if (item.portletCode === 'bssx') {
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          '3333333'
+        );
+      }
+      if (item.portletCode === 'ttxx') {
+        componentContent = _react2.default.createElement(
+          'div',
+          null,
+          '44444444'
+        );
+      }
+
+      return _react2.default.createElement(
+        'div',
+        null,
+        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(
+            _reactGridLayout2.default,
+            {
+              className: 'layout',
+              layout: layout,
+              cols: 12,
+              rowHeight: 20,
+              width: window.innerWidth,
+              isDraggable: this.state.isDraggable,
+              margin: [0, 15],
+              containerPadding: [8, 0]
+            },
+            this.state.data.map(function (item) {
+              return t.portalContent(item) || null;
+
+              // 添加一个默认返回值，以避免未指定键的错误
+            })
+          )
+        );
+      }
+    }
+  }]);
+
+  return MyGrid;
+}(_react2.default.Component);
+
+exports.default = MyGrid;