fmui-base 2.0.34 → 2.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +2 -0
  2. package/lib/chart/chart.js +2 -5
  3. package/lib/react_grid/react_grid copy 1.js +1670 -0
  4. package/lib/react_grid/react_grid copy 2.js +968 -742
  5. package/lib/react_grid/react_grid copy 5.js +1670 -0
  6. package/lib/react_grid/react_grid copy.js +1173 -671
  7. package/lib/react_grid/react_grid.js +1185 -1431
  8. package/lib/react_grid/react_grid.less +12 -6
  9. package/package.json +1 -1
package/lib/react_grid/react_grid copy.js CHANGED
@@ -49,28 +49,36 @@ require('react-resizable/css/styles.css');
49
49
 
50
50
  require('./react_grid.less');
51
51
 
52
- var _db = require('@/utils/db.js');
52
+ var _db = require('../db/db');
53
53
 
54
54
  var _db2 = _interopRequireDefault(_db);
55
55
 
56
- var _variables = require('@/utils/variables.js');
56
+ var _variables = require('../db/variables');
57
57
 
58
58
  var _variables2 = _interopRequireDefault(_variables);
59
59
 
60
+ var _chart = require('../chart/chart');
61
+
62
+ var _chart2 = _interopRequireDefault(_chart);
63
+
60
64
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
61
65
 
66
+ 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; }
67
+
62
68
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
63
69
 
64
70
  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; }
65
71
 
66
72
  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; }
67
73
 
68
- // const projectMenuUrl = variables.projectMenuUrl;
74
+ var projectMenuUrl = _variables2.default.projectMenuUrl;
69
75
  var HBox = _Boxs2.default.HBox,
70
76
  Box = _Boxs2.default.Box,
71
77
  VBox = _Boxs2.default.VBox;
72
78
  var RightAddon = _TextField2.default.RightAddon;
73
79
 
80
+ var context = document.getElementById("context").value;
81
+
74
82
  var MyGrid = function (_React$Component) {
75
83
  _inherits(MyGrid, _React$Component);
76
84
 
@@ -81,145 +89,37 @@ var MyGrid = function (_React$Component) {
81
89
 
82
90
  _this.initPage = function () {
83
91
  // 部件的初始化信息
84
- _db2.default.reactGrid.reactGridInfo().then(function (res) {
92
+ _db2.default.reactGrid.getPortalPage({ id: '' }).then(function (res) {
85
93
  console.log('====================================');
86
94
  console.log(res, 'resresresresres');
87
95
  console.log('====================================');
88
- _this.setState({
89
- data: res.data
90
- });
91
- });
92
-
93
- _db2.default.reactGrid.getNewHomePageTodoData().then(function (res1) {
94
- console.log('====================================');
95
- console.log(res1, 'resresresresres111111111111111111111111');
96
- console.log('====================================');
97
- var bannerPicPath = res1.bannerPicPath;
98
- var showMobileComponent = res1.showMobileComponent;
99
- // 是否显示常用应用
100
- if (showMobileComponent.indexOf("cyyy") > -1) {
101
- // 获取常用应用
102
- _this.getAppOftenList();
103
- _this.setState({ showcyyy: true });
104
- // 部件list无需常用应用
105
- componentList = componentList.filter(function (item) {
106
- return item != "cyyy";
107
- });
108
- }
109
- _this.setState({ componentList: componentList });
110
- var todoList = [];
111
- todoList = ["banshi", "zixun", "yingyong", "daiban", "wode"];
112
- _this.setState({
113
- todoList: todoList,
114
- // pageImage: pageImage,
115
- bannerPicPath: bannerPicPath
116
- });
117
- });
118
-
119
- _db2.default.reactGrid.getNewHomePageRemindCount().then(function (res3) {
120
- console.log('====================================');
121
- console.log(res3, 'resresresresres333333333333333333333');
122
- console.log('====================================');
123
- if (res3.undo) {
124
- _this.setState({
125
- undo: content.undo
126
- });
127
- }
128
- });
129
-
130
- _db2.default.reactGrid.getNewHomePageCollectAppInfoList().then(function (result) {
131
- _this.setState({
132
- collectAppInfoList: result.data
133
- });
134
- });
135
-
136
- _db2.default.reactGrid.getComponentInfoList_cyyy().then(function (result) {
137
- console.log('====================================');
138
- console.log(result, 'resresresresres55555555555555555');
139
- console.log('====================================');
140
- _this.setState({
141
- appOftenList: result.data
142
- });
143
- });
144
-
145
- _db2.default.reactGrid.getComponentInfoList_bssx().then(function (result) {
146
- console.log('====================================');
147
- console.log(result, 'resresresresres55555555555555555');
148
- console.log('====================================');
149
- _this.setState({
150
- bssx_per: result.perList ? result.perList : [],
151
- bssx_org: result.orgList ? result.orgList : []
152
- });
153
- });
154
-
155
- _db2.default.reactGrid.getComponentInfoList_jxzt().then(function (result) {
156
- console.log('====================================');
157
- console.log(result, 'resresresresres666666666666666666');
158
- console.log('====================================');
159
- _this.setState({
160
- jxzt: result.data
161
- });
162
- });
163
-
164
- _db2.default.reactGrid.getComponentInfoList_ttxx().then(function (res7) {
165
- console.log('====================================');
166
- console.log(res7, 'resresresresres77777777777777777');
167
- console.log('====================================');
168
- _this.setState({
169
- ttxx: res7
170
- });
171
- });
172
-
173
- _db2.default.reactGrid.getComponentInfoList_xwzx().then(function (res8) {
174
- console.log('====================================');
175
- console.log(res8, 'resresresresres8888888888888888');
176
- console.log('====================================');
177
- _this.setState({
178
- xwzx: res8
179
- });
180
- });
181
-
182
- _db2.default.reactGrid.getComponentInfoList_gryj().then(function (res9) {
183
- console.log('====================================');
184
- console.log(res9, 'resresresresres99999999999999999');
185
- console.log('====================================');
186
- _this.setState({
187
- gryj: res9.data
188
- });
189
- });
190
96
 
191
- _db2.default.reactGrid.getComponentInfoList_grrc().then(function (res10) {
192
- console.log('====================================');
193
- console.log(res10, 'resresresresres101010101010101');
194
- console.log('====================================');
195
97
  _this.setState({
196
- grrc: res10
98
+ data: res
197
99
  });
198
- });
199
-
200
- _db2.default.reactGrid.getComponentInfoList_grhy().then(function (res11) {
201
- console.log('====================================');
202
- console.log(res11, 'resresresresres11111111111111');
203
- console.log('====================================');
204
- _this.setState({
205
- grhy: res11.data
100
+ res.map(function (item) {
101
+ if (item.portletCode !== 'banner' && item.portletCode !== 'tbgl') {
102
+ var params = {
103
+ code: item.portletCode,
104
+ ppId: item.id
105
+ };
106
+ _db2.default.reactGrid.getComponentInfoListAll(params).then(function (res) {
107
+ console.log(res, '????????????????????????');
108
+ _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, res));
109
+ });
110
+ } else if (item.portletCode == 'banner') {
111
+ _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)), function () {
112
+ console.log(_this.state, '///////////////////////////');
113
+ });
114
+ }
206
115
  });
207
116
  });
117
+ _this.getRemindCount();
118
+ _this.getShoucangAppInfo();
208
119
  };
209
120
 
210
121
  _this.state = {
211
- data: [
212
- // { id: 'a', width: 12, height: 6, x: 0, y: 0 },
213
- // { id: 'b', width: 12, height: 8, x: 0, y: 6 },
214
- // { id: 'c', width: 12, height: 8, x: 0, y: 14 },
215
- // { id: 'd', width: 12, height: 8, x: 0, y: 22 },
216
- // { id: 'e', width: 12, height: 8, x: 0, y: 30 },
217
- // { id: 'f', width: 12, height: 8, x: 0, y: 38 },
218
- // { id: 'g', width: 12, height: 8, x: 0, y: 46 },
219
- // { id: 'h', width: 12, height: 8, x: 0, y: 54 },
220
- // { id: 'i', width: 12, height: 8, x: 0, y: 62 },
221
- // 其他项...
222
- ],
122
+ data: [],
223
123
  isDraggable: false,
224
124
  //标题样式
225
125
  titleStatus: true,
@@ -244,9 +144,8 @@ var MyGrid = function (_React$Component) {
244
144
  paddingBottom: '',
245
145
 
246
146
  // todoList: [],//移动集成 配置提醒项信息
247
- todoList: [{ name: '办事', icon: 'portal' }, { name: '资讯', icon: 'portal' }, { name: '应用', icon: 'portal' }, { name: '待办', icon: 'portal' }, { name: '我的', icon: 'portal' }],
248
- // pageImage: projectMenuUrl.pageImage,
249
- pageImage: '', //提醒项背景图
147
+ todoList: ["banshi", "zixun", "yingyong", "daiban", "wode"],
148
+ pageImage: projectMenuUrl.pageImage, //提醒项背景图
250
149
  appInfoList: [], //移动集成 配置应用信息
251
150
  bannerPicPath: '',
252
151
  activeIndex: 2,
@@ -285,7 +184,9 @@ var MyGrid = function (_React$Component) {
285
184
  },
286
185
  modelCode: 'all',
287
186
  bssxPer_show: true, //办事事项_个人_是否显示
288
- bssxOrg_show: true //办事事项_个人_是否显示
187
+ bssxOrg_show: true, //办事事项_个人_是否显示,
188
+ cyyyUsuTab_show: true, //常用应用_是否显示
189
+ cyyyPerTab_show: true //我的收藏_是否显示
289
190
 
290
191
 
291
192
  };
@@ -297,9 +198,39 @@ var MyGrid = function (_React$Component) {
297
198
  value: function componentDidMount() {
298
199
  this.initPage();
299
200
  }
201
+
202
+ // 遍历初始化得到的data，奖id给请求部件的内容的接口
203
+ // 如果有两个相同的部件，将会用id请求部件内容，接口返回的数据需要 this.setState({【id】:result.data});这样存值
204
+ // 取值的时候根据id取值
205
+
206
+ }, {
207
+ key: 'getShoucangAppInfo',
208
+
209
+
210
+ // 获取收藏应用
211
+ value: function getShoucangAppInfo() {
212
+ var _this2 = this;
213
+
214
+ _db2.default.reactGrid.getNewHomePageCollectAppInfoList({ showClient: "DING" }).then(function (result) {
215
+ _this2.setState(_defineProperty({}, item.portletCode + '_' + item.id, res));
216
+ }).catch(function (error) {});
217
+ }
218
+ }, {
219
+ key: 'getRemindCount',
220
+ value: function getRemindCount() {
221
+ var _this3 = this;
222
+
223
+ _db2.default.reactGrid.getNewHomePageRemindCount({ codes: "undo" }).then(function (content) {
224
+ if (content.undo) {
225
+ _this3.setState({
226
+ undo: content.undo
227
+ });
228
+ }
229
+ });
230
+ }
300
231
  }, {
301
232
  key: 'initCleader',
302
- value: function initCleader() {
233
+ value: function initCleader(event) {
303
234
  if (this.state.initCleader == false) {
304
235
  var t = this;
305
236
  var calendar = document.getElementById("calendar");
@@ -316,7 +247,7 @@ var MyGrid = function (_React$Component) {
316
247
  var MM = obj.month >= 10 ? obj.month : "0" + obj.month;
317
248
  var DD = obj.day >= 10 ? obj.day : "0" + obj.day;
318
249
  var Date = YY + "-" + MM + "-" + DD;
319
- t.showCalendarList(Date);
250
+ t.showCalendarList(Date, event);
320
251
  },
321
252
  //点击上一个月
322
253
  prevMonth: function prevMonth(obj) {},
@@ -327,8 +258,8 @@ var MyGrid = function (_React$Component) {
327
258
  var MM = obj.month >= 10 ? obj.month : "0" + obj.month;
328
259
  var DD = obj.day >= 10 ? obj.day : "0" + obj.day;
329
260
  var Date = YY + "-" + MM + "-" + DD;
330
- t.showCalendarEvent();
331
- t.showCalendarList(Date);
261
+ t.showCalendarEvent(event);
262
+ t.showCalendarList(Date, event);
332
263
  }
333
264
  });
334
265
  this.setState({ initCleader: true });
@@ -343,7 +274,8 @@ var MyGrid = function (_React$Component) {
343
274
  value: function showCalendarEvent(dates, obj, t) {
344
275
  var $span = $(".canChoose").find('span');
345
276
  $span.removeClass('hasEvent');
346
- var dates = this.state.grrc.dateList;
277
+ // var dates = this.state.grrc.dateList
278
+ var dates = dates.dateList;
347
279
  if (dates) {
348
280
  for (var i = 0; i < dates.length; i++) {
349
281
  var date = new Date(dates[i]);
@@ -356,317 +288,262 @@ var MyGrid = function (_React$Component) {
356
288
 
357
289
  }, {
358
290
  key: 'showCalendarList',
359
- value: function showCalendarList(Date) {
360
- if (this.state.grrc.dataMap && this.state.grrc.dataMap[Date]) {
361
- this.setState({ grrc_list: this.state.grrc.dataMap[Date] });
291
+ value: function showCalendarList(Date, data) {
292
+ if (data.dataMap && data.dataMap[Date]) {
293
+ this.setState({ grrc_list: data.dataMap[Date] });
362
294
  } else {
363
295
  this.setState({ grrc_list: [] });
364
296
  }
365
297
  }
366
298
  }, {
367
- key: 'render',
368
- value: function render() {
369
- var _this2 = this;
370
-
299
+ key: 'portalContent',
300
+ value: function portalContent(item) {
371
301
  var t = this;
372
- var layout = this.state.data.map(function (item) {
373
- return {
374
- i: item.id,
375
- x: 0,
376
- y: item.y,
377
- w: item.width,
378
- h: item.height,
379
- static: true //禁止修改部件大小
302
+ console.log('====================================');
303
+ console.log(item, 'lllllllllllllllllllllitemccccccccc');
304
+ console.log('====================================');
305
+ var styleSetting = JSON.parse(item.styleSetting);
306
+ var componentContent = '';
307
+ if (item.portletCode === 'banner') {
308
+ var isShowList = JSON.parse(item.personalSetting).bannerSet.split(',');
309
+ var pathUrl = "";
310
+ if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].bannerImg) {
311
+ var pathUrlId = t.state[item.portletCode + '_' + item.id].bannerImg;
312
+ pathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + pathUrlId;
313
+ } else {
314
+ pathUrl = t.state.pageImage;
380
315
  };
381
- });
382
-
383
- var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
384
- var colNum1 = 3;
385
-
386
- var bssxContent_per = t.state.bssx_per.map(function (item) {
387
- return _react2.default.createElement(
388
- 'div',
389
- { className: 'banshi-item' },
390
- _react2.default.createElement(
391
- 'div',
392
- { className: 'title t-omit' },
393
- item.name
394
- ),
395
- _react2.default.createElement(
396
- 'div',
397
- { className: 'describe t-omit' },
398
- item.categoryName
399
- ),
400
- _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
401
- _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
402
- );
403
- });
404
- var bssxContent_org = t.state.bssx_org.map(function (item) {
405
- return _react2.default.createElement(
316
+ var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
317
+ componentContent = _react2.default.createElement(
406
318
  'div',
407
- { className: 'banshi-item' },
319
+ { className: 'react-grid-banner' },
408
320
  _react2.default.createElement(
409
321
  'div',
410
- { className: 'title t-omit' },
411
- item.name
412
- ),
413
- _react2.default.createElement(
414
- 'div',
415
- { className: 'describe t-omit' },
416
- item.categoryName
417
- ),
418
- _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
419
- _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
420
- );
421
- });
422
-
423
- var xwzxContent = t.state.xwzx.map(function (item) {
424
- var infoList = item.infoList.map(function (infoItem) {
425
- var imgSrc = "";
426
- var imgIdList = 0;
427
- if (infoItem.imgId) {
428
- imgIdList = infoItem.imgId.split('|');
429
- }
430
- if (imgIdList.length >= 3) {
431
- var imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
432
- var imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + token;
433
- var imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + token;
434
- return _react2.default.createElement(
322
+ { className: 'banner' },
323
+ _react2.default.createElement(
435
324
  'div',
436
- { className: 'infoList3' },
437
- _react2.default.createElement(
438
- 'div',
439
- { className: 'infoContent' },
440
- _react2.default.createElement(
441
- 'p',
442
- null,
443
- infoItem.title
444
- ),
445
- _react2.default.createElement(
325
+ { className: t.state.showSlide == true ? "t-PR" : "t-DN" },
326
+ this.state.bannerList.map(function (item) {
327
+ return _react2.default.createElement(
446
328
  'div',
447
- { className: 'infoPics' },
448
- _react2.default.createElement('img', { src: imgSrc1 }),
449
- _react2.default.createElement('img', { src: imgSrc2 }),
450
- _react2.default.createElement('img', { src: imgSrc3 })
451
- ),
452
- _react2.default.createElement(
453
- 'p',
454
- { className: 't-FS14' },
455
- _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
456
- _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
457
- _react2.default.createElement(
458
- 'span',
459
- { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
460
- infoItem.columnName
461
- ),
462
- _react2.default.createElement(
463
- 'span',
464
- null,
465
- infoItem.publishDate
466
- )
467
- )
468
- )
469
- );
470
- } else {
471
- if (infoItem.imgId) {
472
- imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
473
- }
474
- return _react2.default.createElement(
475
- 'div',
476
- { className: 'infoList' },
329
+ { className: 'banner-gallery', index: item.index },
330
+ _react2.default.createElement('img', { className: t.state.showItem == item.index ? "bannerimg" : "t-DN", src: item.src })
331
+ );
332
+ }),
477
333
  _react2.default.createElement(
478
334
  'div',
479
- { className: 'infoContent' },
480
- _react2.default.createElement(
481
- 'div',
482
- { className: imgSrc ? "imgContent" : "t-DN" },
483
- _react2.default.createElement('img', { src: imgSrc })
484
- ),
485
- _react2.default.createElement(
486
- 'div',
487
- { className: 't-FB1' },
488
- _react2.default.createElement(
489
- 'p',
490
- null,
491
- infoItem.title
492
- ),
493
- _react2.default.createElement(
494
- 'p',
495
- { className: 't-FS14' },
496
- _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
497
- _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
498
- _react2.default.createElement(
499
- 'span',
500
- { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
501
- infoItem.columnName
502
- ),
503
- _react2.default.createElement(
504
- 'span',
505
- null,
506
- infoItem.publishDate
507
- )
508
- )
509
- )
510
- )
511
- );
512
- }
513
- });
514
- return _react2.default.createElement(
515
- _Tab2.default.Item,
516
- { title: item.columnName, key: item.columnId },
517
- item.infoList.length > 0 ? _react2.default.createElement(
518
- 'div',
519
- null,
520
- infoList,
521
- _react2.default.createElement(
522
- 'div',
523
- { className: 'info-more-btn' },
524
- '\u67E5\u770B\u66F4\u591A'
525
- )
526
- ) : _react2.default.createElement(
527
- 'div',
528
- null,
529
- '\u6682\u65E0\u6570\u636E'
530
- )
531
- );
532
- });
533
-
534
- var tDiv = document.createElement('div');
535
- var carouselItem = t.state.ttxx.map(function (item) {
536
- if (item.infoList.length > 0) {
537
- tDiv.innerHTML = item.infoList[0].content;
538
- var text = tDiv.innerText;
539
- return _react2.default.createElement(
540
- _Carousel2.default.Item,
541
- null,
542
- _react2.default.createElement(
543
- 'div',
544
- { className: 'notice-card-head' },
545
- _react2.default.createElement(
546
- 'span',
547
- null,
548
- item.infoList[0].columnName
549
- ),
550
- _react2.default.createElement(
551
- _Button2.default,
552
- { type: 'custom' },
553
- '\u66F4\u591A'
335
+ { className: 'gallery-list' },
336
+ this.state.bannerList.map(function (item) {
337
+ return _react2.default.createElement('span', { className: t.state.showItem == item.index ? "gallery-dot active" : "gallery-dot" });
338
+ })
554
339
  )
555
340
  ),
556
- _react2.default.createElement(
557
- 'div',
558
- null,
559
- _react2.default.createElement(
560
- 'strong',
561
- { className: 't-FS14 t-omit2 t-LH1_3 t-MB10' },
562
- item.infoList[0].title
563
- ),
564
- _react2.default.createElement(
565
- 'p',
566
- { className: 't-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10' },
567
- text
568
- ),
569
- _react2.default.createElement(
570
- 'p',
571
- { className: 't-FS12 t-FCgrey' },
572
- item.infoList[0].createdDate
573
- )
574
- )
575
- );
576
- }
577
- });
578
- var carouselList = carouselItem.filter(function (carouselItem) {
579
- return typeof carouselItem !== 'undefined';
580
- });
581
-
582
- var gryjContent = t.state.gryj.personList && t.state.gryj.personList.length > 0 ? t.state.gryj.personList.map(function (item) {
583
- return _react2.default.createElement(
584
- 'div',
585
- { className: 'list-item' },
586
- _react2.default.createElement(
587
- 'div',
588
- { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
589
- '\u672A\u8BFB'
590
- ),
591
- _react2.default.createElement(
592
- 'div',
593
- { className: 'item-title' },
594
- item.theme
341
+ _react2.default.createElement('img', { className: t.state.showSlide == false ? "bannerimg" : "t-DN", src: pathUrl, onerror: '/mobile/fmui/images/home-banner.png\';this.onerror=null' })
595
342
  ),
596
343
  _react2.default.createElement(
597
344
  'div',
598
- { className: 'item-content' },
345
+ { className: 'global-search' },
599
346
  _react2.default.createElement(
600
- 'div',
601
- { className: 'content t-FCddfontblue-60 t-FS12' },
602
- _react2.default.createElement(
603
- 'span',
604
- { className: 't-MR12' },
605
- item.sendTime
606
- ),
347
+ _TextField2.default,
348
+ { placeholder: '\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u8FDB\u884C\u641C\u7D22', value: t.state.searchVal, allowClear: false, onClick: function onClick(value) {
349
+ t.globalSearchChange(value);
350
+ } },
607
351
  _react2.default.createElement(
608
- 'span',
352
+ RightAddon,
609
353
  null,
610
- '\u7533\u8BF7\u4EBA\uFF1A'
611
- ),
612
- _react2.default.createElement(
613
- 'span',
614
- null,
615
- item.sendUserName
354
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-sousuo1 t-P10', onClick: function onClick() {
355
+ t.globalSearchClick();
356
+ } })
616
357
  )
617
358
  ),
618
- _react2.default.createElement(
619
- 'a',
620
- { className: 'more' },
621
- _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
622
- )
623
- )
624
- );
625
- }) : '';
626
- var ggyjContent = t.state.gryj.publicList && t.state.gryj.publicList.length > 0 ? t.state.gryj.publicList.map(function (item) {
627
- return _react2.default.createElement(
628
- 'div',
629
- { className: 'list-item' },
630
- _react2.default.createElement(
631
- 'div',
632
- { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
633
- '\u672A\u8BFB'
634
- ),
635
- _react2.default.createElement(
636
- 'div',
637
- { className: 'item-title' },
638
- item.theme
639
- ),
640
- _react2.default.createElement(
641
- 'div',
642
- { className: 'item-content' },
643
359
  _react2.default.createElement(
644
360
  'div',
645
- { className: 'content t-FCddfontblue-60 t-FS12' },
361
+ { className: isShowList.indexOf('AI') > -1 ? 't-FAC' : 't-DN', onClick: function onClick() {
362
+ t.gotoYd();
363
+ } },
364
+ _react2.default.createElement('i', { className: 'iconfont icon-zhineng' }),
646
365
  _react2.default.createElement(
647
- 'span',
648
- { className: 't-MR12' },
649
- item.sendTime
650
- ),
651
- _react2.default.createElement(
652
- 'span',
653
- null,
654
- '\u7533\u8BF7\u4EBA\uFF1A'
655
- ),
656
- _react2.default.createElement(
657
- 'span',
658
- null,
659
- item.sendUserName
366
+ 'div',
367
+ { className: 't-FS12 t-MT4' },
368
+ '\u667A\u80FD\u5BA2\u670D'
660
369
  )
661
- ),
662
- _react2.default.createElement(
663
- 'a',
664
- { className: 'more' },
665
- _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
666
370
  )
371
+ ),
372
+ _react2.default.createElement(
373
+ _Grid2.default,
374
+ { col: colNum, className: 'dd-applist' },
375
+ t.state.todoList.length > 0 && isShowList.indexOf('menu') > -1 ? t.state.todoList.map(function (item) {
376
+ var todoInfo = projectMenuUrl.todoInfo[item];
377
+ return _react2.default.createElement(
378
+ 'div',
379
+ { className: 'demo' },
380
+ _react2.default.createElement(
381
+ 'div',
382
+ { className: 'react-grid-banner-item' },
383
+ _react2.default.createElement(
384
+ _Badge2.default,
385
+ { count: item == 'daiban' ? t.state.undo : '' },
386
+ _react2.default.createElement('i', { className: 'theme-color iconfont icon-' + todoInfo.icon })
387
+ )
388
+ ),
389
+ _react2.default.createElement(
390
+ 'div',
391
+ { className: 'menu-title t-FS14' },
392
+ todoInfo.name
393
+ )
394
+ );
395
+ }.bind(this)) : ''
667
396
  )
668
397
  );
669
- }) : '';
398
+ }
399
+ return _react2.default.createElement(
400
+ 'div',
401
+ { className: 'react-grid-component', key: item.id, style: {
402
+ borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
403
+ borderTopRightRadius: styleSetting.otherSet.radius.topRight,
404
+ borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
405
+ borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
406
+ paddingLeft: styleSetting.pl,
407
+ paddingright: styleSetting.pr,
408
+ paddingTop: styleSetting.pt,
409
+ paddingBottom: styleSetting.pb,
410
+ background: styleSetting.bgColor ? styleSetting.bgColor : ''
411
+ } },
412
+ componentContent
413
+ );
414
+ }
415
+ }, {
416
+ key: 'render',
417
+ value: function render() {
418
+ var _this4 = this;
419
+
420
+ var t = this;
421
+ var context = document.getElementById("context").value;
422
+ var userId = getLoginUserInfo().userId;
423
+ var token = getLoginUserInfo().token;
424
+ var layout = this.state.data.map(function (item) {
425
+ return {
426
+ i: item.id,
427
+ x: item.positionX,
428
+ y: item.positionY,
429
+ w: item.portletWidth,
430
+ h: item.portletHeight,
431
+ static: true //禁止修改部件大小
432
+ };
433
+ });
434
+
435
+ var colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
436
+ // 控制【常用应用】显示列数
437
+ var colNum1 = 4;
438
+
439
+ // const bssxContent_per = t.state.bssx_per.map(function (item) {
440
+ // return (
441
+ // <div className='banshi-item'>
442
+ // <div className='title t-omit'>{item.name}</div>
443
+ // <div className='describe t-omit'>{item.categoryName}</div>
444
+ // <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
445
+ // <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
446
+ // </div>
447
+ // )
448
+ // });
449
+
450
+ // const bssxContent_org = t.state.bssx_org.map(function (item) {
451
+ // return (
452
+ // <div className='banshi-item'>
453
+ // <div className='title t-omit'>{item.name}</div>
454
+ // <div className='describe t-omit'>{item.categoryName}</div>
455
+ // <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
456
+ // <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
457
+ // </div>
458
+ // )
459
+ // });
460
+
461
+ // const xwzxContent = t.state.xwzx.map(function (item) {
462
+ // const infoList = item.infoList.map(function (infoItem) {
463
+ // let imgSrc = "";
464
+ // let imgIdList = 0;
465
+ // if (infoItem.imgId) {
466
+ // imgIdList = infoItem.imgId.split('|');
467
+ // }
468
+ // if (imgIdList.length >= 3) {
469
+ // let imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
470
+ // let imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + token;
471
+ // let imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + token;
472
+ // return (
473
+ // <div className='infoList3'>
474
+ // <div className='infoContent'>
475
+ // <p>{infoItem.title}</p>
476
+ // <div className='infoPics'>
477
+ // <img src={imgSrc1}></img>
478
+ // <img src={imgSrc2}></img>
479
+ // <img src={imgSrc3}></img>
480
+ // </div>
481
+ // <p className="t-FS14">
482
+ // <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
483
+ // <img className={infoItem.isEssence == "1" ? "" : "t-DN"}></img>
484
+ // <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
485
+ // <span>{infoItem.publishDate}</span>
486
+ // </p>
487
+ // </div>
488
+ // </div>
489
+ // )
490
+ // } else {
491
+ // if (infoItem.imgId) {
492
+ // imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + token;
493
+ // }
494
+ // return (
495
+ // <div className='infoList'>
496
+ // <div className='infoContent'>
497
+ // <div className={imgSrc ? "imgContent" : "t-DN"} >
498
+ // <img src={imgSrc}></img>
499
+ // </div>
500
+ // <div className='t-FB1'>
501
+ // <p>{infoItem.title}</p>
502
+ // <p className="t-FS14">
503
+ // <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
504
+ // <img className={infoItem.isEssence == "1" ? "" : "t-DN"} ></img>
505
+ // <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
506
+ // <span>{infoItem.publishDate}</span>
507
+ // </p>
508
+ // </div>
509
+ // </div>
510
+ // </div>
511
+ // )
512
+ // }
513
+ // })
514
+ // return (
515
+ // <Tab.Item title={item.columnName} key={item.columnId}>
516
+ // {item.infoList.length > 0 ?
517
+ // <div>{infoList}<div className='info-more-btn'>查看更多</div></div>
518
+ // :
519
+ // <div>暂无数据</div>
520
+ // }
521
+ // </Tab.Item>
522
+ // )
523
+ // });
524
+
525
+ // let tDiv = document.createElement('div');
526
+ // const carouselItem = t.state.ttxx.map(function (item) {
527
+ // if (item.infoList.length > 0) {
528
+ // tDiv.innerHTML = item.infoList[0].content
529
+ // var text = tDiv.innerText
530
+ // return (
531
+ // <Carousel.Item>
532
+ // <div className='notice-card-head'>
533
+ // <span>{item.infoList[0].columnName}</span>
534
+ // <Button type='custom'>更多</Button>
535
+ // </div>
536
+ // <div>
537
+ // <strong className='t-FS14 t-omit2 t-LH1_3 t-MB10'>{item.infoList[0].title}</strong>
538
+ // <p className='t-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10'>{text}</p>
539
+ // <p className='t-FS12 t-FCgrey'>{item.infoList[0].createdDate}</p>
540
+ // </div>
541
+ // </Carousel.Item>
542
+ // )
543
+ // }
544
+ // })
545
+ // const carouselList = carouselItem.filter(carouselItem => typeof carouselItem !== 'undefined');
546
+
670
547
  var grrcContent = t.state.grrc_list.map(function (item) {
671
548
  var completed = false;
672
549
  if (item.startTime) {
@@ -707,98 +584,60 @@ var MyGrid = function (_React$Component) {
707
584
  );
708
585
  });
709
586
 
710
- var grhyContent = t.state.grhy.map(function (item) {
711
- return _react2.default.createElement(
712
- 'div',
713
- { className: 'meetingCard' },
714
- _react2.default.createElement('div', { className: 'lineTop' }),
715
- _react2.default.createElement(
716
- 'div',
717
- { className: 'meetingBg' },
718
- _react2.default.createElement(
719
- 'div',
720
- { className: 'meetingContent' },
721
- _react2.default.createElement(
722
- 'div',
723
- { className: 'meetingTitle' },
724
- _react2.default.createElement(
725
- 'p',
726
- { className: 't-omit t-LH1_6' },
727
- item.applyRecordName
728
- )
729
- ),
730
- _react2.default.createElement(
731
- 'div',
732
- { className: 'meetingTime' },
733
- _react2.default.createElement(
734
- 'div',
735
- { className: 'meetingDate' },
736
- _react2.default.createElement('i', { 'class': 'iconfont icon-shijian1 t-FS14' }),
737
- _react2.default.createElement(
738
- 'span',
739
- { className: 't-ML6' },
740
- item.week
741
- ),
742
- _react2.default.createElement(
743
- 'span',
744
- { className: 't-ML10' },
745
- item.startDate
746
- )
747
- ),
748
- _react2.default.createElement(
749
- 'div',
750
- { className: 'timeTitle' },
751
- _react2.default.createElement(
752
- 'p',
753
- null,
754
- '\u5F00\u59CB\u65F6\u95F4'
755
- ),
756
- _react2.default.createElement(
757
- 'p',
758
- null,
759
- '\u7ED3\u675F\u65F6\u95F4'
760
- )
761
- ),
762
- _react2.default.createElement(
763
- 'div',
764
- { className: 'time' },
765
- _react2.default.createElement(
766
- 'li',
767
- null,
768
- item.sTime
769
- ),
770
- _react2.default.createElement(
771
- 'li',
772
- null,
773
- _react2.default.createElement(
774
- 'p',
775
- null,
776
- item.durationTime
777
- )
778
- ),
779
- _react2.default.createElement(
780
- 'li',
781
- null,
782
- item.eTime
783
- )
784
- ),
785
- _react2.default.createElement(
786
- 'div',
787
- { className: 'location' },
788
- _react2.default.createElement('i', { 'class': 'iconfont icon-dizhi t-FS14' }),
789
- _react2.default.createElement(
790
- 'span',
791
- { className: 't-ML6' },
792
- item.meetingAddress
793
- )
794
- )
795
- )
796
- )
797
- )
798
- );
799
- });
587
+ // const grhyContent = t.state.grhy.map(function (item) {
588
+ // return (
589
+ // <div className='meetingCard'>
590
+ // <div className="lineTop"></div>
591
+ // <div className='meetingBg'>
592
+ // <div className='meetingContent' >
593
+ // <div className='meetingTitle'>
594
+ // <p className="t-omit t-LH1_6">{item.applyRecordName}</p>
595
+ // </div>
596
+ // <div className='meetingTime'>
597
+ // <div className='meetingDate'>
598
+ // <i class="iconfont icon-shijian1 t-FS14"></i>
599
+ // <span className='t-ML6'>{item.week}</span>
600
+ // <span className='t-ML10'>{item.startDate}</span>
601
+ // </div>
602
+ // <div className='timeTitle'>
603
+ // <p>开始时间</p>
604
+ // <p>结束时间</p>
605
+ // </div>
606
+ // <div className='time'>
607
+ // <li>{item.sTime}</li>
608
+ // <li>
609
+ // <p>{item.durationTime}</p>
610
+ // </li>
611
+ // <li>{item.eTime}</li>
612
+ // </div>
613
+ // <div className='location'>
614
+ // <i class="iconfont icon-dizhi t-FS14"></i>
615
+ // <span className='t-ML6'>{item.meetingAddress}</span>
616
+ // </div>
617
+ // </div>
618
+ // </div>
619
+ // {/* <img src="../../../fmui/images/home/start.png" className="startIcon"></img> */}
620
+ // {/* <img src="../../../fmui/images/home/line.png" className="lineTop"></img> */}
621
+ // </div>
622
+ // </div>
623
+ // )
624
+ // });
625
+
626
+ var lcfqContent = _react2.default.createElement(
627
+ 'div',
628
+ { className: 'sxbl_buttons' },
629
+ _react2.default.createElement(
630
+ 'button',
631
+ null,
632
+ '\u8BF7\u5047\u7533\u8BF7'
633
+ ),
634
+ _react2.default.createElement(
635
+ 'button',
636
+ null,
637
+ '\u8C03\u4F11\u7533\u8BF7'
638
+ )
639
+ );
800
640
 
801
- // const ztmhContent =
802
641
  return _react2.default.createElement(
803
642
  'div',
804
643
  { className: 'react-grid' },
@@ -810,133 +649,139 @@ var MyGrid = function (_React$Component) {
810
649
  cols: 12,
811
650
  rowHeight: 20,
812
651
  width: window.innerWidth,
813
- isDraggable: this.state.isDraggable
652
+ isDraggable: this.state.isDraggable,
653
+ margin: [0, 10]
814
654
  },
815
655
  this.state.data.map(function (item) {
816
656
  {/* banner */}
817
- if (item.portletCode === 'banner') {
818
- // return <div key={item.id}>111</div>
819
- return _react2.default.createElement(
820
- 'div',
821
- { className: 'react-grid-component', key: item.id, style: {
822
- borderTopLeftRadius: _this2.state.borderTopLeftRadius,
823
- borderTopRightRadius: _this2.state.borderTopRightRadius,
824
- borderBottomLeftRadius: _this2.state.borderBottomLeftRadius,
825
- borderBottomRightRadius: _this2.state.borderBottomRightRadius,
826
- borderColor: _this2.state.borderColor,
827
- borderWidth: _this2.state.borderWidth,
828
- paddingLeft: _this2.state.paddingLeft,
829
- paddingright: _this2.state.paddingright,
830
- paddingTop: _this2.state.paddingTop,
831
- paddingBottom: _this2.state.paddingBottom
832
- } },
833
- _react2.default.createElement(
834
- 'div',
835
- { className: 'react-grid-banner' },
836
- _react2.default.createElement(
837
- 'div',
838
- { className: 'banner' },
839
- _react2.default.createElement(
840
- 'div',
841
- { className: t.state.showSlide == true ? "t-PR" : "t-DN" },
842
- _this2.state.bannerList.map(function (item) {
843
- return _react2.default.createElement(
844
- 'div',
845
- { className: 'banner-gallery', index: item.index },
846
- _react2.default.createElement('img', { className: t.state.showItem == item.index ? "bannerimg" : "t-DN", src: item.src })
847
- );
848
- }),
849
- _react2.default.createElement(
850
- 'div',
851
- { className: 'gallery-list' },
852
- _this2.state.bannerList.map(function (item) {
853
- return _react2.default.createElement('span', { className: t.state.showItem == item.index ? "gallery-dot active" : "gallery-dot" });
854
- })
855
- )
856
- ),
857
- _react2.default.createElement('img', { className: t.state.showSlide == false ? "bannerimg" : "t-DN", src: '/mobile/fmui/images/home-banner.png', onerror: 'this.src=\'../../fmui/images/defaultHome.png\';this.onerror=null' })
858
- ),
859
- _react2.default.createElement(
860
- 'div',
861
- { className: 'global-search' },
862
- _react2.default.createElement(
863
- _TextField2.default,
864
- { placeholder: '\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u8FDB\u884C\u641C\u7D22', value: t.state.searchVal, allowClear: false, onClick: function onClick(value) {
865
- t.globalSearchChange(value);
866
- } },
867
- _react2.default.createElement(
868
- RightAddon,
869
- null,
870
- _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-sousuo1 t-P10', onClick: function onClick() {
871
- t.globalSearchClick();
872
- } })
873
- )
874
- ),
875
- _react2.default.createElement(
876
- 'div',
877
- { className: 't-FAC', onClick: function onClick() {
878
- t.gotoYd();
879
- } },
880
- _react2.default.createElement('i', { className: 'iconfont icon-zhineng' }),
881
- _react2.default.createElement(
882
- 'div',
883
- { className: 't-FS12 t-MT4' },
884
- '\u667A\u80FD\u5BA2\u670D'
885
- )
886
- )
887
- ),
888
- _react2.default.createElement(
889
- _Grid2.default,
890
- { col: colNum, className: 'dd-applist' },
891
- t.state.todoList.length > 0 ? t.state.todoList.map(function (item) {
892
- // let todoInfo = projectMenuUrl.todoInfo[item];
893
- return _react2.default.createElement(
894
- 'div',
895
- { className: 'demo' },
896
- _react2.default.createElement(
897
- 'div',
898
- { className: 'react-grid-banner-item' },
899
- _react2.default.createElement(
900
- _Badge2.default,
901
- { count: '2' },
902
- _react2.default.createElement('i', { className: 'theme-color iconfont icon-' + item.icon })
903
- )
904
- ),
905
- _react2.default.createElement(
906
- 'div',
907
- { className: 'menu-title t-FS14' },
908
- item.name
909
- )
910
- );
911
- }.bind(_this2)) : ''
912
- )
913
- )
914
- );
915
- }
657
+ _this4.portalContent(item);
658
+ // if (item.portletCode === 'banner') {
659
+ // // 判断AI和menu
660
+ // let isShowList = JSON.parse(item.personalSetting).bannerSet.split(',');
661
+ // let styleSetting = JSON.parse(item.styleSetting)
662
+ // let pathUrl = "";
663
+ // if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].bannerImg) {
664
+ // let pathUrlId = t.state[item.portletCode + '_' + item.id].bannerImg;
665
+ // pathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + pathUrlId;
666
+ // } else {
667
+ // pathUrl = t.state.pageImage;
668
+ // }
669
+ // let componentContent = <div className="react-grid-banner" >
670
+ // <div className="banner">
671
+ // <div className={t.state.showSlide == true ? "t-PR" : "t-DN"}>
672
+ // {this.state.bannerList.map((item) => (
673
+ // <div className="banner-gallery" index={item.index}>
674
+ // <img className={t.state.showItem == item.index ? "bannerimg" : "t-DN"} src={item.src}></img>
675
+ // {/* <span className='gallery-dot'></span> */}
676
+ // </div>
677
+ // ))}
678
+ // <div className="gallery-list">
679
+ // {this.state.bannerList.map((item) => (
680
+ // <span className={t.state.showItem == item.index ? "gallery-dot active" : "gallery-dot"} ></span>
681
+ // ))}
682
+ // </div>
683
+ // </div>
684
+ // <img className={t.state.showSlide == false ? "bannerimg" : "t-DN"} src={pathUrl} onerror="/mobile/fmui/images/home-banner.png';this.onerror=null"></img>
685
+ // </div>
686
+ // <div className='global-search'>
687
+ // {/* <Filter hasMask={false} defaultValue={this.state.filterValue} options={filterOptions}
688
+ // onConfirm={(data) => {
689
+ // t.setState({
690
+ // modelCode: data.sort[0].value
691
+ // });
692
+ // }}
693
+ // /> */}
694
+ // <TextField placeholder="请输入关键词进行搜索" value={t.state.searchVal} allowClear={false} onClick={(value) => { t.globalSearchChange(value); }}>
695
+ // <RightAddon>
696
+ // <i className='iconfont-ywtb icon-ywtb-sousuo1 t-P10' onClick={() => { t.globalSearchClick() }}></i>
697
+ // </RightAddon>
698
+ // </TextField>
699
+ // <div className={isShowList.indexOf('AI') > -1 ? 't-FAC' : 't-DN'} onClick={() => { t.gotoYd() }}>
700
+ // <i className='iconfont icon-zhineng'></i>
701
+ // <div className='t-FS12 t-MT4'>智能客服</div>
702
+ // </div>
703
+ // </div>
704
+ // <Grid col={colNum} className="dd-applist">
705
+ // {
706
+ // t.state.todoList.length > 0 && isShowList.indexOf('menu') > -1 ?
707
+ // t.state.todoList.map(function (item) {
708
+ // let todoInfo = projectMenuUrl.todoInfo[item];
709
+ // return (
710
+ // <div className="demo" >
711
+ // <div className="react-grid-banner-item">
712
+ // <Badge count={item == 'daiban' ? t.state.undo : ''}>
713
+ // <i className={'theme-color iconfont icon-' + todoInfo.icon}></i>
714
+ // </Badge>
715
+ // </div>
716
+ // <div className="menu-title t-FS14">{todoInfo.name}</div>
717
+ // </div>
718
+ // )
719
+ // }.bind(this))
720
+ // :
721
+ // ''
722
+ // }
723
+ // </Grid>
724
+ // </div>
725
+ // return (<div className='react-grid-component' key={item.id} style={{
726
+ // borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
727
+ // borderTopRightRadius: styleSetting.otherSet.radius.topRight,
728
+ // borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
729
+ // borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
730
+ // paddingLeft: styleSetting.pl,
731
+ // paddingright: styleSetting.pr,
732
+ // paddingTop: styleSetting.pt,
733
+ // paddingBottom: styleSetting.pb,
734
+ // background: styleSetting.bgColor ? styleSetting.bgColor : ''
735
+ // }}>
736
+ // {componentContent}
737
+ // </div>);
738
+ // }
916
739
 
917
740
  if (item.portletCode === 'cyyy') {
741
+ var personalSetting = JSON.parse(item.personalSetting);
742
+ var styleSetting = JSON.parse(item.styleSetting);
918
743
  return _react2.default.createElement(
919
744
  'div',
920
- { key: item.id },
745
+ { key: item.id, style: {
746
+ borderTopLeftRadius: styleSetting.otherSet.radius.topLeft,
747
+ borderTopRightRadius: styleSetting.otherSet.radius.topRight,
748
+ borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft,
749
+ borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight,
750
+ paddingLeft: styleSetting.pl,
751
+ paddingright: styleSetting.pr,
752
+ paddingTop: styleSetting.pt,
753
+ paddingBottom: styleSetting.pb,
754
+ background: styleSetting.bgColor ? styleSetting.bgColor : ''
755
+ } },
921
756
  _react2.default.createElement(
922
757
  'div',
923
758
  { className: 'react-app-collect' },
759
+ _react2.default.createElement(
760
+ 'p',
761
+ { className: 'rightMore' },
762
+ '\u66F4\u591A',
763
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
764
+ ),
924
765
  _react2.default.createElement(
925
766
  _Tab2.default,
926
767
  { activeKey: '0' },
927
768
  _react2.default.createElement(
928
769
  _Tab2.default.Item,
929
- { title: '\u5E38\u7528\u5E94\u7528' },
770
+ { title: _react2.default.createElement(
771
+ 'div',
772
+ { style: { color: styleSetting.titleSet.color, fontWeight: styleSetting.titleSet.fontWeight } },
773
+ '\u5E38\u7528\u5E94\u7528'
774
+ ) },
930
775
  _react2.default.createElement(
931
776
  _Grid2.default,
932
- { col: colNum1, className: t.state.showcyyy ? '' : 't-DN' },
933
- t.state.appOftenList.length > 0 ? t.state.appOftenList.map(function (ele) {
777
+ { col: personalSetting.cols, className: t.state.showcyyy ? '' : 't-DN' },
778
+ 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) {
934
779
  return _react2.default.createElement(
935
780
  'div',
936
781
  { className: 'systemItem' },
937
782
  _react2.default.createElement(
938
783
  'div',
939
- { className: 'iconblock t-iconBC' + ele.iconColor },
784
+ { className: ele.iconColor == "" ? "iconblock t-iconBCred" : 'iconblock t-iconBC' + ele.iconColor },
940
785
  _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
941
786
  ),
942
787
  _react2.default.createElement(
@@ -964,11 +809,15 @@ var MyGrid = function (_React$Component) {
964
809
  ),
965
810
  _react2.default.createElement(
966
811
  _Tab2.default.Item,
967
- { title: '\u6211\u7684\u6536\u85CF' },
812
+ { title: _react2.default.createElement(
813
+ 'div',
814
+ { style: { color: styleSetting.titleSet.color, fontWeight: styleSetting.titleSet.fontWeight } },
815
+ '\u6211\u7684\u6536\u85CF'
816
+ ) },
968
817
  _react2.default.createElement(
969
818
  _Grid2.default,
970
- { col: colNum1 },
971
- t.state.collectAppInfoList.length > 0 ? t.state.collectAppInfoList.map(function (ele) {
819
+ { col: personalSetting.cols },
820
+ 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) {
972
821
  return _react2.default.createElement(
973
822
  'div',
974
823
  { className: 'systemItem' },
@@ -1007,20 +856,66 @@ var MyGrid = function (_React$Component) {
1007
856
 
1008
857
  if (item.portletCode === 'bssx') {
1009
858
  {/* 办事 */}
859
+ var _personalSetting = JSON.parse(item.personalSetting);
860
+ var bssxShowList = JSON.parse(item.personalSetting).showModule;
861
+ var _styleSetting = JSON.parse(item.styleSetting);
862
+
1010
863
  var componentContent = '';
1011
- var perList = componentContent;
1012
- if (t.state.bssx_per && t.state.bssx_per.length > 0) {
1013
- perList = bssxContent_per;
864
+ var perList = '';
865
+ if (t.state[item.portletCode + '_' + item.id]) {
866
+ if (t.state[item.portletCode + '_' + item.id].perList) {
867
+ perList = t.state[item.portletCode + '_' + item.id].perList.map(function (item) {
868
+ return _react2.default.createElement(
869
+ 'div',
870
+ { className: 'banshi-item' },
871
+ _react2.default.createElement(
872
+ 'div',
873
+ { className: 'title t-omit' },
874
+ item.name
875
+ ),
876
+ _react2.default.createElement(
877
+ 'div',
878
+ { className: 'describe t-omit' },
879
+ item.categoryName
880
+ ),
881
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
882
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
883
+ );
884
+ });
885
+ }
1014
886
  }
1015
- var orgList = componentContent;
1016
- if (t.state.bssx_org && t.state.bssx_org.length > 0) {
1017
- orgList = bssxContent_org;
887
+ var orgList = '';
888
+ if (t.state[item.portletCode + '_' + item.id]) {
889
+ if (t.state[item.portletCode + '_' + item.id].orgList) {
890
+ orgList = t.state[item.portletCode + '_' + item.id].orgList.map(function (item) {
891
+ return _react2.default.createElement(
892
+ 'div',
893
+ { className: 'banshi-item' },
894
+ _react2.default.createElement(
895
+ 'div',
896
+ { className: 'title t-omit' },
897
+ item.name
898
+ ),
899
+ _react2.default.createElement(
900
+ 'div',
901
+ { className: 'describe t-omit' },
902
+ item.categoryName
903
+ ),
904
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' bg' }),
905
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + item.icon + ' ic' })
906
+ );
907
+ });
908
+ }
1018
909
  }
1019
910
  var bssxPerTab = '';
1020
- if (t.state.bssxPer_show) {
911
+ if (_styleSetting.titleSet.titleStatus == 1 && bssxShowList.indexOf('personWork') > -1) {
1021
912
  bssxPerTab = _react2.default.createElement(
1022
913
  _Tab2.default.Item,
1023
- { title: '\u4E2A\u4EBA\u529E\u4E8B', key: 0 },
914
+ { title: _react2.default.createElement(
915
+ 'div',
916
+ { 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) },
917
+ '\u4E2A\u4EBA\u529E\u4E8B'
918
+ ), key: 0 },
1024
919
  _react2.default.createElement(
1025
920
  'div',
1026
921
  { className: 'banshi-list' },
@@ -1029,10 +924,14 @@ var MyGrid = function (_React$Component) {
1029
924
  );
1030
925
  }
1031
926
  var bssxOrgTab = '';
1032
- if (t.state.bssxOrg_show) {
927
+ if (_styleSetting.titleSet.titleStatus == 1 && bssxShowList.indexOf('deptWork') > -1) {
1033
928
  bssxOrgTab = _react2.default.createElement(
1034
929
  _Tab2.default.Item,
1035
- { title: '\u90E8\u95E8\u529E\u4E8B', key: 1 },
930
+ { key: 1, title: _react2.default.createElement(
931
+ 'div',
932
+ { 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) },
933
+ '\u90E8\u95E8\u529E\u4E8B'
934
+ ) },
1036
935
  _react2.default.createElement(
1037
936
  'div',
1038
937
  { className: 'banshi-list' },
@@ -1047,25 +946,89 @@ var MyGrid = function (_React$Component) {
1047
946
  'p',
1048
947
  { className: t.state.bssxPer_show || t.state.bssxOrg_show ? "rightMore" : "t-DN" },
1049
948
  '\u66F4\u591A',
1050
- _react2.default.createElement('i', { 'class': 'iconfont-ywtb icon-ywtb-tiaozhuan' })
949
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
1051
950
  ),
1052
951
  _react2.default.createElement(
1053
952
  _Tab2.default,
1054
- { activeKey: t.state.bssxPer_show ? "0" : "1" },
953
+ { activeKey: bssxShowList.indexOf('personWork') > -1 ? "0" : "1" },
1055
954
  bssxPerTab,
1056
955
  bssxOrgTab
1057
956
  )
1058
957
  );
958
+
1059
959
  return _react2.default.createElement(
1060
960
  'div',
1061
- { key: item.id },
961
+ { key: item.id, style: {
962
+ borderTopLeftRadius: _styleSetting.otherSet.radius.topLeft,
963
+ borderTopRightRadius: _styleSetting.otherSet.radius.topRight,
964
+ borderBottomLeftRadius: _styleSetting.otherSet.radius.bottomLeft,
965
+ borderBottomRightRadius: _styleSetting.otherSet.radius.bottomRight,
966
+ paddingLeft: _styleSetting.pl,
967
+ paddingright: _styleSetting.pr,
968
+ paddingTop: _styleSetting.pt,
969
+ paddingBottom: _styleSetting.pb,
970
+ background: _styleSetting.bgColor ? _styleSetting.bgColor : ''
971
+ } },
1062
972
  componentContent
1063
973
  );
1064
974
  }
1065
975
 
1066
976
  if (item.portletCode === 'ttxx') {
977
+ var _personalSetting2 = JSON.parse(item.personalSetting);
978
+ var _styleSetting2 = JSON.parse(item.styleSetting);
1067
979
  var componentContent1 = '';
1068
- if (t.state.xwzx.length > 0) {
980
+ var carouselItem = '';
981
+ var carouselList = '';
982
+ if (t.state[item.portletCode + '_' + item.id]) {
983
+ var tDiv = document.createElement('div');
984
+ carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
985
+ if (item.infoList.length > 0) {
986
+ tDiv.innerHTML = item.infoList[0].content;
987
+ var text = tDiv.innerText;
988
+ return _react2.default.createElement(
989
+ _Carousel2.default.Item,
990
+ null,
991
+ _react2.default.createElement(
992
+ 'div',
993
+ { className: 'notice-card-head' },
994
+ _react2.default.createElement(
995
+ 'span',
996
+ null,
997
+ item.infoList[0].columnName
998
+ ),
999
+ _react2.default.createElement(
1000
+ _Button2.default,
1001
+ { type: 'custom' },
1002
+ '\u66F4\u591A'
1003
+ )
1004
+ ),
1005
+ _react2.default.createElement(
1006
+ 'div',
1007
+ null,
1008
+ _react2.default.createElement(
1009
+ 'strong',
1010
+ { className: 't-FS14 t-omit2 t-LH1_3 t-MB10' },
1011
+ item.infoList[0].title
1012
+ ),
1013
+ _react2.default.createElement(
1014
+ 'p',
1015
+ { className: 't-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10' },
1016
+ text
1017
+ ),
1018
+ _react2.default.createElement(
1019
+ 'p',
1020
+ { className: 't-FS12 t-FCgrey' },
1021
+ item.infoList[0].createdDate
1022
+ )
1023
+ )
1024
+ );
1025
+ }
1026
+ });
1027
+ carouselList = carouselItem.filter(function (carouselItem) {
1028
+ return typeof carouselItem !== 'undefined';
1029
+ });
1030
+ }
1031
+ if (t.state[item.portletCode + '_' + item.id]) {
1069
1032
 
1070
1033
  componentContent1 = _react2.default.createElement(
1071
1034
  'div',
@@ -1083,81 +1046,346 @@ var MyGrid = function (_React$Component) {
1083
1046
  }
1084
1047
  return _react2.default.createElement(
1085
1048
  'div',
1086
- { key: item.id },
1049
+ { key: item.id, style: {
1050
+ borderTopLeftRadius: _styleSetting2.otherSet.radius.topLeft,
1051
+ borderTopRightRadius: _styleSetting2.otherSet.radius.topRight,
1052
+ borderBottomLeftRadius: _styleSetting2.otherSet.radius.bottomLeft,
1053
+ borderBottomRightRadius: _styleSetting2.otherSet.radius.bottomRight,
1054
+ paddingLeft: _styleSetting2.pl,
1055
+ paddingright: _styleSetting2.pr,
1056
+ paddingTop: _styleSetting2.pt,
1057
+ paddingBottom: _styleSetting2.pb,
1058
+ background: _styleSetting2.bgColor ? _styleSetting2.bgColor : ''
1059
+ } },
1087
1060
  componentContent1
1088
1061
  );
1089
1062
  }
1090
1063
 
1091
1064
  if (item.portletCode === 'xwzx') {
1065
+ var _personalSetting3 = JSON.parse(item.personalSetting);
1066
+ var _styleSetting3 = JSON.parse(item.styleSetting);
1092
1067
  var componentContent2 = '';
1093
- if (t.state.xwzx.length > 0) {
1068
+ var xwzxContent = '';
1069
+ if (t.state[item.portletCode + '_' + item.id]) {
1070
+ xwzxContent = t.state[item.portletCode + '_' + item.id].map(function (item) {
1071
+ var infoList = item.infoList.map(function (infoItem) {
1072
+ var imgSrc = "";
1073
+ var imgIdList = 0;
1074
+ if (infoItem.imgId) {
1075
+ imgIdList = infoItem.imgId.split('|');
1076
+ }
1077
+ if (imgIdList.length >= 3) {
1078
+ var imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
1079
+ var imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + getLoginUserInfo().token;
1080
+ var imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + getLoginUserInfo().token;
1081
+ return _react2.default.createElement(
1082
+ 'div',
1083
+ { className: 'infoList3' },
1084
+ _react2.default.createElement(
1085
+ 'div',
1086
+ { className: 'infoContent' },
1087
+ _react2.default.createElement(
1088
+ 'p',
1089
+ null,
1090
+ infoItem.title
1091
+ ),
1092
+ _react2.default.createElement(
1093
+ 'div',
1094
+ { className: 'infoPics' },
1095
+ _react2.default.createElement('img', { src: imgSrc1 }),
1096
+ _react2.default.createElement('img', { src: imgSrc2 }),
1097
+ _react2.default.createElement('img', { src: imgSrc3 })
1098
+ ),
1099
+ _react2.default.createElement(
1100
+ 'p',
1101
+ { className: 't-FS14' },
1102
+ _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
1103
+ _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
1104
+ _react2.default.createElement(
1105
+ 'span',
1106
+ { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
1107
+ infoItem.columnName
1108
+ ),
1109
+ _react2.default.createElement(
1110
+ 'span',
1111
+ null,
1112
+ infoItem.publishDate
1113
+ )
1114
+ )
1115
+ )
1116
+ );
1117
+ } else {
1118
+ if (infoItem.imgId) {
1119
+ imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
1120
+ }
1121
+ return _react2.default.createElement(
1122
+ 'div',
1123
+ { className: 'infoList' },
1124
+ _react2.default.createElement(
1125
+ 'div',
1126
+ { className: 'infoContent' },
1127
+ _react2.default.createElement(
1128
+ 'div',
1129
+ { className: imgSrc ? "imgContent" : "t-DN" },
1130
+ _react2.default.createElement('img', { src: imgSrc })
1131
+ ),
1132
+ _react2.default.createElement(
1133
+ 'div',
1134
+ { className: 't-FB1' },
1135
+ _react2.default.createElement(
1136
+ 'p',
1137
+ null,
1138
+ infoItem.title
1139
+ ),
1140
+ _react2.default.createElement(
1141
+ 'p',
1142
+ { className: 't-FS14' },
1143
+ _react2.default.createElement('i', { className: infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN" }),
1144
+ _react2.default.createElement('img', { className: infoItem.isEssence == "1" ? "" : "t-DN" }),
1145
+ _react2.default.createElement(
1146
+ 'span',
1147
+ { className: 't-FB1 t-omit', style: { maxWidth: "115px" } },
1148
+ infoItem.columnName
1149
+ ),
1150
+ _react2.default.createElement(
1151
+ 'span',
1152
+ null,
1153
+ infoItem.publishDate
1154
+ )
1155
+ )
1156
+ )
1157
+ )
1158
+ );
1159
+ }
1160
+ });
1161
+ return _react2.default.createElement(
1162
+ _Tab2.default.Item,
1163
+ { title: item.columnName, key: item.columnId },
1164
+ item.infoList.length > 0 ? _react2.default.createElement(
1165
+ 'div',
1166
+ null,
1167
+ infoList,
1168
+ _react2.default.createElement(
1169
+ 'div',
1170
+ { className: 'info-more-btn' },
1171
+ '\u67E5\u770B\u66F4\u591A'
1172
+ )
1173
+ ) : _react2.default.createElement(
1174
+ 'div',
1175
+ null,
1176
+ '\u6682\u65E0\u6570\u636E'
1177
+ )
1178
+ );
1179
+ });
1180
+ }
1181
+
1182
+ if (t.state[item.portletCode + '_' + item.id]) {
1094
1183
  componentContent2 = _react2.default.createElement(
1095
1184
  _Tab2.default,
1096
- { activeKey: t.state.xwzx[0].columnId, pageSize: 4, showExpandAll: false, speed: 2 },
1185
+ { activeKey: t.state[item.portletCode + '_' + item.id][0].columnId, pageSize: 4, showExpandAll: false, speed: 2 },
1097
1186
  xwzxContent
1098
1187
  );
1099
1188
  }
1100
1189
  return _react2.default.createElement(
1101
1190
  'div',
1102
- { key: item.id },
1191
+ { key: item.id, style: {
1192
+ borderTopLeftRadius: _styleSetting3.otherSet.radius.topLeft,
1193
+ borderTopRightRadius: _styleSetting3.otherSet.radius.topRight,
1194
+ borderBottomLeftRadius: _styleSetting3.otherSet.radius.bottomLeft,
1195
+ borderBottomRightRadius: _styleSetting3.otherSet.radius.bottomRight,
1196
+ paddingLeft: _styleSetting3.pl,
1197
+ paddingright: _styleSetting3.pr,
1198
+ paddingTop: _styleSetting3.pt,
1199
+ paddingBottom: _styleSetting3.pb,
1200
+ background: _styleSetting3.bgColor ? _styleSetting3.bgColor : ''
1201
+ } },
1103
1202
  componentContent2
1104
1203
  );
1105
1204
  }
1106
1205
 
1107
- if (item.portletCode === 'youjian') {
1108
- var componentContent3 = '';
1109
- var gryjList = '';
1110
- if (t.state.gryj.personList && t.state.gryj.personList.length > 0) {
1111
- gryjList = gryjContent;
1206
+ if (item.portletCode === 'gryj') {
1207
+ var _personalSetting4 = JSON.parse(item.personalSetting);
1208
+ var _styleSetting4 = JSON.parse(item.styleSetting);
1209
+ var gryjShowList = _personalSetting4.mailMenu.split(',');
1210
+ var _componentContent = '';
1211
+ var gryjContent = '';
1212
+ if (t.state[item.portletCode + '_' + item.id]) {
1213
+ if (t.state[item.portletCode + '_' + item.id].data.personList) {
1214
+ gryjContent = t.state[item.portletCode + '_' + item.id].data.personList.map(function (item) {
1215
+ return _react2.default.createElement(
1216
+ 'div',
1217
+ { className: 'list-item' },
1218
+ _react2.default.createElement(
1219
+ 'div',
1220
+ { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
1221
+ '\u672A\u8BFB'
1222
+ ),
1223
+ _react2.default.createElement(
1224
+ 'div',
1225
+ { className: 'item-title' },
1226
+ item.theme
1227
+ ),
1228
+ _react2.default.createElement(
1229
+ 'div',
1230
+ { className: 'item-content' },
1231
+ _react2.default.createElement(
1232
+ 'div',
1233
+ { className: 'content t-FCddfontblue-60 t-FS12' },
1234
+ _react2.default.createElement(
1235
+ 'span',
1236
+ { className: 't-MR12' },
1237
+ item.sendTime
1238
+ ),
1239
+ _react2.default.createElement(
1240
+ 'span',
1241
+ null,
1242
+ '\u7533\u8BF7\u4EBA\uFF1A'
1243
+ ),
1244
+ _react2.default.createElement(
1245
+ 'span',
1246
+ null,
1247
+ item.sendUserName
1248
+ )
1249
+ ),
1250
+ _react2.default.createElement(
1251
+ 'a',
1252
+ { className: 'more' },
1253
+ _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
1254
+ )
1255
+ )
1256
+ );
1257
+ });
1258
+ }
1112
1259
  }
1113
- var ggyjList = '';
1114
- if (t.state.gryj.publicList && t.state.gryj.publicList.length > 0) {
1115
- ggyjList = ggyjContent;
1260
+ var ggyjContent = '';
1261
+ if (t.state[item.portletCode + '_' + item.id]) {
1262
+ if (t.state[item.portletCode + '_' + item.id].data.publicList) {
1263
+ ggyjContent = t.state[item.portletCode + '_' + item.id].data.publicList.map(function (item) {
1264
+ return _react2.default.createElement(
1265
+ 'div',
1266
+ { className: 'list-item' },
1267
+ _react2.default.createElement(
1268
+ 'div',
1269
+ { className: item.isRead == "false" ? "item-label label-special" : "t-DN" },
1270
+ '\u672A\u8BFB'
1271
+ ),
1272
+ _react2.default.createElement(
1273
+ 'div',
1274
+ { className: 'item-title' },
1275
+ item.theme
1276
+ ),
1277
+ _react2.default.createElement(
1278
+ 'div',
1279
+ { className: 'item-content' },
1280
+ _react2.default.createElement(
1281
+ 'div',
1282
+ { className: 'content t-FCddfontblue-60 t-FS12' },
1283
+ _react2.default.createElement(
1284
+ 'span',
1285
+ { className: 't-MR12' },
1286
+ item.sendTime
1287
+ ),
1288
+ _react2.default.createElement(
1289
+ 'span',
1290
+ null,
1291
+ '\u7533\u8BF7\u4EBA\uFF1A'
1292
+ ),
1293
+ _react2.default.createElement(
1294
+ 'span',
1295
+ null,
1296
+ item.sendUserName
1297
+ )
1298
+ ),
1299
+ _react2.default.createElement(
1300
+ 'a',
1301
+ { className: 'more' },
1302
+ _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
1303
+ )
1304
+ )
1305
+ );
1306
+ });
1307
+ }
1116
1308
  }
1117
- componentContent3 = _react2.default.createElement(
1118
- _Tab2.default,
1119
- { activeKey: '0' },
1120
- _react2.default.createElement(
1309
+ var personMailTab = '';
1310
+ if (gryjShowList.indexOf('personMail') > -1) {
1311
+ var personMailTab = _react2.default.createElement(
1121
1312
  _Tab2.default.Item,
1122
- { title: '\u4E2A\u4EBA\u90AE\u7BB1', key: '0' },
1313
+ { title: _react2.default.createElement(
1314
+ 'div',
1315
+ { className: '', style: { color: _styleSetting4.titleSet.color, fontWeight: _styleSetting4.titleSet.fontWeight } },
1316
+ '\u4E2A\u4EBA\u90AE\u7BB1'
1317
+ ), key: '0' },
1123
1318
  _react2.default.createElement(
1124
1319
  'div',
1125
1320
  { className: 'list-RT-label' },
1126
- gryjList
1321
+ gryjContent
1127
1322
  )
1128
- ),
1129
- _react2.default.createElement(
1323
+ );
1324
+ }
1325
+ if (gryjShowList.indexOf('commonMail') > -1) {
1326
+ var publicMailTab = _react2.default.createElement(
1130
1327
  _Tab2.default.Item,
1131
- { title: '\u516C\u5171\u90AE\u7BB1', key: '1' },
1328
+ { title: _react2.default.createElement(
1329
+ 'div',
1330
+ { className: '', style: { color: _styleSetting4.titleSet.color, fontWeight: _styleSetting4.titleSet.fontWeight } },
1331
+ '\u516C\u5171\u90AE\u7BB1'
1332
+ ), key: '1' },
1132
1333
  _react2.default.createElement(
1133
1334
  'div',
1134
1335
  { className: 'list-RT-label' },
1135
- ggyjList
1336
+ ggyjContent
1136
1337
  )
1137
- )
1338
+ );
1339
+ }
1340
+ _componentContent = _react2.default.createElement(
1341
+ _Tab2.default,
1342
+ { activeKey: gryjShowList.indexOf('personMail') > -1 ? "0" : "1" },
1343
+ personMailTab,
1344
+ publicMailTab
1138
1345
  );
1139
-
1140
1346
  return _react2.default.createElement(
1141
1347
  'div',
1142
- { key: item.id },
1143
- componentContent3
1348
+ { className: 'ggyjContent', key: item.id, style: {
1349
+ borderTopLeftRadius: _styleSetting4.otherSet.radius.topLeft,
1350
+ borderTopRightRadius: _styleSetting4.otherSet.radius.topRight,
1351
+ borderBottomLeftRadius: _styleSetting4.otherSet.radius.bottomLeft,
1352
+ borderBottomRightRadius: _styleSetting4.otherSet.radius.bottomRight,
1353
+ paddingLeft: _styleSetting4.pl,
1354
+ paddingright: _styleSetting4.pr,
1355
+ paddingTop: _styleSetting4.pt,
1356
+ paddingBottom: _styleSetting4.pb,
1357
+ background: _styleSetting4.bgColor ? _styleSetting4.bgColor : ''
1358
+ } },
1359
+ _react2.default.createElement(
1360
+ 'p',
1361
+ { className: 'rightMore' },
1362
+ '\u66F4\u591A',
1363
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
1364
+ ),
1365
+ _componentContent
1144
1366
  );
1145
1367
  }
1146
1368
 
1147
- if (item.portletCode === 'richeng') {
1369
+ if (item.portletCode === 'grrc') {
1370
+ var _personalSetting5 = JSON.parse(item.personalSetting);
1371
+ var _styleSetting5 = JSON.parse(item.styleSetting);
1148
1372
  var componentHead = _react2.default.createElement(
1149
1373
  'div',
1150
1374
  null,
1151
1375
  _react2.default.createElement(
1152
1376
  _Tab2.default,
1153
1377
  { activeKey: '0', className: 't-MB16' },
1154
- _react2.default.createElement(_Tab2.default.Item, { title: '\u6211\u7684\u65E5\u7A0B', key: '0' })
1378
+ _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
1379
+ 'div',
1380
+ { className: '', style: { color: _styleSetting5.titleSet.color, fontWeight: _styleSetting5.titleSet.fontWeight } },
1381
+ '\u6211\u7684\u65E5\u7A0B'
1382
+ ), key: '0' })
1155
1383
  )
1156
1384
  );
1157
1385
  var calendarDom = _react2.default.createElement('div', { id: 'calendar' });
1158
1386
  var grrcList = '';
1159
1387
  var componentContent4 = '';
1160
- if (t.state.grrc_list.length > 0) {
1388
+ if (t.state[item.portletCode + '_' + item.id]) {
1161
1389
  grrcList = _react2.default.createElement(
1162
1390
  'div',
1163
1391
  { className: 'rc-list' },
@@ -1171,40 +1399,314 @@ var MyGrid = function (_React$Component) {
1171
1399
  grrcList
1172
1400
  );
1173
1401
  setTimeout(function () {
1174
- t.initCleader();
1402
+ t.initCleader(t.state[item.portletCode + '_' + item.id]);
1175
1403
  }, 600);
1176
-
1177
1404
  return _react2.default.createElement(
1178
1405
  'div',
1179
- { key: item.id },
1406
+ { key: item.id, style: {
1407
+ borderTopLeftRadius: _styleSetting5.otherSet.radius.topLeft,
1408
+ borderTopRightRadius: _styleSetting5.otherSet.radius.topRight,
1409
+ borderBottomLeftRadius: _styleSetting5.otherSet.radius.bottomLeft,
1410
+ borderBottomRightRadius: _styleSetting5.otherSet.radius.bottomRight,
1411
+ paddingLeft: _styleSetting5.pl,
1412
+ paddingright: _styleSetting5.pr,
1413
+ paddingTop: _styleSetting5.pt,
1414
+ paddingBottom: _styleSetting5.pb,
1415
+ background: _styleSetting5.bgColor ? _styleSetting5.bgColor : ''
1416
+ } },
1180
1417
  componentHead,
1181
1418
  componentContent4
1182
1419
  );
1183
1420
  }
1184
1421
 
1185
- if (item.portletCode === 'huiyi') {
1422
+ if (item.portletCode === 'grhy') {
1423
+ var _personalSetting6 = JSON.parse(item.personalSetting);
1424
+ var _styleSetting6 = JSON.parse(item.styleSetting);
1425
+ var grhyContent = '';
1426
+ if (t.state[item.portletCode + '_' + item.id]) {
1427
+ grhyContent = t.state[item.portletCode + '_' + item.id].data.map(function (item) {
1428
+ return _react2.default.createElement(
1429
+ 'div',
1430
+ { className: 'meetingCard' },
1431
+ _react2.default.createElement('div', { className: 'lineTop' }),
1432
+ _react2.default.createElement(
1433
+ 'div',
1434
+ { className: 'meetingBg' },
1435
+ _react2.default.createElement(
1436
+ 'div',
1437
+ { className: 'meetingContent' },
1438
+ _react2.default.createElement(
1439
+ 'div',
1440
+ { className: 'meetingTitle' },
1441
+ _react2.default.createElement(
1442
+ 'p',
1443
+ { className: 't-omit t-LH1_6' },
1444
+ item.applyRecordName
1445
+ )
1446
+ ),
1447
+ _react2.default.createElement(
1448
+ 'div',
1449
+ { className: 'meetingTime' },
1450
+ _react2.default.createElement(
1451
+ 'div',
1452
+ { className: 'meetingDate' },
1453
+ _react2.default.createElement('i', { className: 'iconfont icon-shijian1 t-FS14' }),
1454
+ _react2.default.createElement(
1455
+ 'span',
1456
+ { className: 't-ML6' },
1457
+ item.week
1458
+ ),
1459
+ _react2.default.createElement(
1460
+ 'span',
1461
+ { className: 't-ML10' },
1462
+ item.startDate
1463
+ )
1464
+ ),
1465
+ _react2.default.createElement(
1466
+ 'div',
1467
+ { className: 'timeTitle' },
1468
+ _react2.default.createElement(
1469
+ 'p',
1470
+ null,
1471
+ '\u5F00\u59CB\u65F6\u95F4'
1472
+ ),
1473
+ _react2.default.createElement(
1474
+ 'p',
1475
+ null,
1476
+ '\u7ED3\u675F\u65F6\u95F4'
1477
+ )
1478
+ ),
1479
+ _react2.default.createElement(
1480
+ 'div',
1481
+ { className: 'time' },
1482
+ _react2.default.createElement(
1483
+ 'li',
1484
+ null,
1485
+ item.sTime
1486
+ ),
1487
+ _react2.default.createElement(
1488
+ 'li',
1489
+ null,
1490
+ _react2.default.createElement(
1491
+ 'p',
1492
+ null,
1493
+ item.durationTime
1494
+ )
1495
+ ),
1496
+ _react2.default.createElement(
1497
+ 'li',
1498
+ null,
1499
+ item.eTime
1500
+ )
1501
+ ),
1502
+ _react2.default.createElement(
1503
+ 'div',
1504
+ { className: 'location' },
1505
+ _react2.default.createElement('i', { className: 'iconfont icon-dizhi t-FS14' }),
1506
+ _react2.default.createElement(
1507
+ 'span',
1508
+ { className: 't-ML6' },
1509
+ item.meetingAddress
1510
+ )
1511
+ )
1512
+ )
1513
+ )
1514
+ )
1515
+ );
1516
+ });
1517
+ }
1186
1518
  var componentHead1 = _react2.default.createElement(
1187
1519
  'div',
1188
1520
  null,
1189
1521
  _react2.default.createElement(
1190
1522
  _Tab2.default,
1191
1523
  { activeKey: '0', className: 't-MB16' },
1192
- _react2.default.createElement(_Tab2.default.Item, { title: '\u6211\u7684\u4F1A\u8BAE', key: '0' })
1524
+ _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
1525
+ 'div',
1526
+ { className: '', style: { color: _styleSetting6.titleSet.color, fontWeight: _styleSetting6.titleSet.fontWeight } },
1527
+ '\u6211\u7684\u4F1A\u8BAE'
1528
+ ), key: '0' })
1193
1529
  )
1194
1530
  );
1195
1531
  var componentContent5 = '';
1196
- if (t.state.grhy.length > 0) {
1197
- componentContent5 = grhyContent;
1532
+ if (t.state[item.portletCode + '_' + item.id]) {
1533
+ if (t.state[item.portletCode + '_' + item.id].data.length > 0) {
1534
+ componentContent5 = grhyContent;
1535
+ }
1198
1536
  }
1199
1537
  return _react2.default.createElement(
1200
1538
  'div',
1201
- { key: item.id },
1539
+ { key: item.id, style: {
1540
+ borderTopLeftRadius: _styleSetting6.otherSet.radius.topLeft,
1541
+ borderTopRightRadius: _styleSetting6.otherSet.radius.topRight,
1542
+ borderBottomLeftRadius: _styleSetting6.otherSet.radius.bottomLeft,
1543
+ borderBottomRightRadius: _styleSetting6.otherSet.radius.bottomRight,
1544
+ paddingLeft: _styleSetting6.pl,
1545
+ paddingright: _styleSetting6.pr,
1546
+ paddingTop: _styleSetting6.pt,
1547
+ paddingBottom: _styleSetting6.pb,
1548
+ background: _styleSetting6.bgColor ? _styleSetting6.bgColor : ''
1549
+ } },
1202
1550
  componentHead1,
1203
1551
  componentContent5
1204
1552
  );
1205
1553
  }
1206
1554
 
1207
- // if (item.portletCode === 'i') {
1555
+ if (item.portletCode === 'lcfq') {
1556
+ var _personalSetting7 = JSON.parse(item.personalSetting);
1557
+ var _styleSetting7 = JSON.parse(item.styleSetting);
1558
+ var _componentHead = _react2.default.createElement(
1559
+ 'div',
1560
+ null,
1561
+ _react2.default.createElement(
1562
+ _Tab2.default,
1563
+ { activeKey: '0', className: 't-MB16' },
1564
+ _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
1565
+ 'div',
1566
+ { className: '', style: { color: _styleSetting7.titleSet.color, fontWeight: _styleSetting7.titleSet.fontWeight } },
1567
+ '\u4E8B\u9879\u53D1\u8D77'
1568
+ ), key: '0' })
1569
+ )
1570
+ );
1571
+ var _componentContent2 = '';
1572
+ _componentContent2 = lcfqContent;
1573
+
1574
+ return _react2.default.createElement(
1575
+ 'div',
1576
+ { key: item.id, style: {
1577
+ borderTopLeftRadius: _styleSetting7.otherSet.radius.topLeft,
1578
+ borderTopRightRadius: _styleSetting7.otherSet.radius.topRight,
1579
+ borderBottomLeftRadius: _styleSetting7.otherSet.radius.bottomLeft,
1580
+ borderBottomRightRadius: _styleSetting7.otherSet.radius.bottomRight,
1581
+ paddingLeft: _styleSetting7.pl,
1582
+ paddingright: _styleSetting7.pr,
1583
+ paddingTop: _styleSetting7.pt,
1584
+ paddingBottom: _styleSetting7.pb,
1585
+ background: _styleSetting7.bgColor ? _styleSetting7.bgColor : ''
1586
+ } },
1587
+ _react2.default.createElement(
1588
+ 'p',
1589
+ { className: 'rightMore' },
1590
+ '\u66F4\u591A',
1591
+ _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
1592
+ ),
1593
+ _componentHead,
1594
+ _componentContent2
1595
+ );
1596
+ }
1597
+
1598
+ if (item.portletCode === 'tbgl') {
1599
+ var _personalSetting8 = JSON.parse(item.personalSetting);
1600
+ var _styleSetting8 = JSON.parse(item.styleSetting);
1601
+ var _componentHead2 = _react2.default.createElement(
1602
+ 'div',
1603
+ null,
1604
+ _react2.default.createElement(
1605
+ _Tab2.default,
1606
+ { activeKey: '0', className: 't-MB16' },
1607
+ _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
1608
+ 'div',
1609
+ { className: '', style: { color: _styleSetting8.titleSet.color, fontWeight: _styleSetting8.titleSet.fontWeight } },
1610
+ '\u56FE\u8868'
1611
+ ), key: '0' })
1612
+ )
1613
+ );
1614
+
1615
+ var _componentContent3 = _react2.default.createElement(_chart2.default, { portalId: item.portalId, height: '100%' });
1616
+ return _react2.default.createElement(
1617
+ 'div',
1618
+ { key: item.id, style: {
1619
+ borderTopLeftRadius: _styleSetting8.otherSet.radius.topLeft,
1620
+ borderTopRightRadius: _styleSetting8.otherSet.radius.topRight,
1621
+ borderBottomLeftRadius: _styleSetting8.otherSet.radius.bottomLeft,
1622
+ borderBottomRightRadius: _styleSetting8.otherSet.radius.bottomRight,
1623
+ paddingLeft: _styleSetting8.pl,
1624
+ paddingright: _styleSetting8.pr,
1625
+ paddingTop: _styleSetting8.pt,
1626
+ paddingBottom: _styleSetting8.pb,
1627
+ background: _styleSetting8.bgColor ? _styleSetting8.bgColor : ''
1628
+ } },
1629
+ _componentHead2,
1630
+ _componentContent3
1631
+ );
1632
+ }
1633
+
1634
+ if (item.portletCode === 'wdsx') {
1635
+ var _personalSetting9 = JSON.parse(item.personalSetting);
1636
+ var _styleSetting9 = JSON.parse(item.styleSetting);
1637
+ var _componentHead3 = _react2.default.createElement(
1638
+ 'div',
1639
+ null,
1640
+ _react2.default.createElement(
1641
+ _Tab2.default,
1642
+ { activeKey: '0', className: 't-MB16' },
1643
+ _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
1644
+ 'div',
1645
+ { className: '', style: { color: _styleSetting9.titleSet.color, fontWeight: _styleSetting9.titleSet.fontWeight } },
1646
+ '\u6211\u7684\u4E8B\u9879'
1647
+ ), key: '0' })
1648
+ )
1649
+ );
1650
+ var _componentContent4 = _react2.default.createElement(
1651
+ 'div',
1652
+ { className: 'list-item' },
1653
+ _react2.default.createElement(
1654
+ 'div',
1655
+ { className: 'item-content' },
1656
+ _react2.default.createElement(
1657
+ 'div',
1658
+ { className: 'item-title' },
1659
+ '\u540D\u5B57\u540D\u5B57'
1660
+ ),
1661
+ _react2.default.createElement(
1662
+ 'div',
1663
+ { className: 'content t-FCddfontblue-60 t-FS12' },
1664
+ _react2.default.createElement(
1665
+ 'span',
1666
+ { className: 't-MR12' },
1667
+ '\u65F6\u95F4\u65F6\u95F4\u65F6\u95F4'
1668
+ ),
1669
+ _react2.default.createElement(
1670
+ 'span',
1671
+ null,
1672
+ '\u7533\u8BF7\u4EBA\uFF1A'
1673
+ ),
1674
+ _react2.default.createElement(
1675
+ 'span',
1676
+ null,
1677
+ '\u540D\u5B57\u540D\u5B57\u540D\u5B57'
1678
+ )
1679
+ )
1680
+ ),
1681
+ _react2.default.createElement(
1682
+ 'a',
1683
+ { className: 'more' },
1684
+ _react2.default.createElement('i', { className: 'iconfont icon-right-arrow t-FCddfontblue-60' })
1685
+ )
1686
+ );
1687
+ return _react2.default.createElement(
1688
+ 'div',
1689
+ { key: item.id, style: {
1690
+ borderTopLeftRadius: _styleSetting9.otherSet.radius.topLeft,
1691
+ borderTopRightRadius: _styleSetting9.otherSet.radius.topRight,
1692
+ borderBottomLeftRadius: _styleSetting9.otherSet.radius.bottomLeft,
1693
+ borderBottomRightRadius: _styleSetting9.otherSet.radius.bottomRight,
1694
+ paddingLeft: _styleSetting9.pl,
1695
+ paddingright: _styleSetting9.pr,
1696
+ paddingTop: _styleSetting9.pt,
1697
+ paddingBottom: _styleSetting9.pb,
1698
+ background: _styleSetting9.bgColor ? _styleSetting9.bgColor : ''
1699
+ } },
1700
+ _componentHead3,
1701
+ _react2.default.createElement(
1702
+ 'div',
1703
+ { className: 'list-RT-label wdsx-list' },
1704
+ _componentContent4
1705
+ )
1706
+ );
1707
+ }
1708
+
1709
+ // if (item.portletCode === 'jxzt') {
1208
1710
  // let componentHead2 = <div>
1209
1711
  // <Tab activeKey={'0'} className="t-MB16">
1210
1712
  // <Tab.Item title="精选专题" key="0"></Tab.Item>