fmui-base 2.2.11 → 2.2.13

package/lib/react_grid/react_grid.jsx

@@ -1,1166 +0,0 @@
-import React from 'react';
-import { history } from 'umi';
-import GridLayout from 'react-grid-layout';
-import Badge from 'saltui/lib/Badge';
-import Grid from 'saltui/lib/Grid';
-import Boxs from 'saltui/lib/Boxs';
-import TextField from 'saltui/lib/TextField';
-import Tab from 'saltui/lib/Tab';
-import Carousel from 'saltui/lib/Carousel'
-import Button from 'saltui/lib/Button';
-import Toast from 'saltui/lib/Toast';
-import Refreshcontrol from 'saltui/lib/Refreshcontrol'
-import 'react-grid-layout/css/styles.css';
-import 'react-resizable/css/styles.css';
-import './react_grid.less';
-import DB from '../db/db';
-import Variables from '../db/variables';
-import Chart from '../chart/chart';
-const projectMenuUrl = Variables.projectMenuUrl;
-const { HBox, Box, VBox } = Boxs;
-const { RightAddon } = TextField;
-const context = document.getElementById("context").value;
-export default class MyGrid extends React.Component {
-  constructor(props) {
-    super(props);
-    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
-
-
-    };
-  }
-
-  componentDidMount() {
-    this.initPage();
-  }
-  // 遍历初始化得到的data，奖id给请求部件的内容的接口
-  // 如果有两个相同的部件，将会用id请求部件内容，接口返回的数据需要 this.setState({【id】:result.data});这样存值
-  // 取值的时候根据id取值
-  initPage = () => {
-    var t = this;
-    // 部件的初始化信息
-    DB.reactGrid.getPortalPage({ id: t.state.portalId, module: t.state.module }).then((res) => {
-      if (res) {
-        let pageTitle = res.portalTitle;
-        if (!pageTitle || pageTitle == '') {
-          pageTitle = '一网通办管理平台'
-        }
-        setPageTitle(pageTitle);
-        this.setState({
-          data: res.portlet
-        });
-        res.portlet.map((item) => {
-          if (item.portletCode == 'banner') {
-            this.setState({
-              [item.portletCode + '_' + item.id]: JSON.parse(item.personalSetting)
-            })
-            this.getRemindCount();
-          } else if (item.portletCode == 'image') {
-            this.setState({
-              [item.portletCode + '_' + item.id]: JSON.parse(item.personalSetting)
-            })
-
-          } else if (item.portletCode == 'cyyy') {
-            let cyyyCols = JSON.parse(item.personalSetting).cols;
-            t.getShoucangAppInfo(item.id);
-            t.getOftenList(item.id, cyyyCols);
-            this.getRemindCount();
-
-          } else if (item.portletCode !== 'tbgl') {
-            let params = {
-              code: item.portletCode,
-              ppId: item.id
-            }
-            DB.reactGrid.getComponentInfoListAll(params).then((res) => {
-              this.setState({
-                [item.portletCode + '_' + item.id]: res
-              })
-            })
-          }
-        })
-      } else {
-        Toast.show({
-          type: 'fail',
-          content: '未找到门户信息',
-          duration: 2000
-        });
-      }
-    }).catch((error) => {
-      Toast.show({
-        type: 'fail',
-        content: error.errorMsg,
-        duration: 2000
-      })
-    })
-
-    let params = {};
-    DB.reactGrid.getNewHomePageTodoData(params).then((content) => {
-      let openModule = content.hpOpenModule ? content.hpOpenModule : "";
-      localStorage.setItem('hpOpenModule', openModule);
-      // let todoData = content.todoData != null ? content.todoData.entity : {};
-
-    })
-  }
-
-  // 获取收藏应用
-  getShoucangAppInfo = (id) => {
-    DB.reactGrid.getNewHomePageCollectAppInfoList({ showClient: "DING" }).then((result) => {
-      this.setState({
-        ['wdsc' + '_' + id]: result.data
-      }, () => {
-        // console.log(this.state, 'mmmmmmmmmmmmmmmmmmmmmmmmmmmmmm');
-      })
-    }).catch((error) => { });
-  }
-
-  // 获取用户设置常用应用
-  // getComAppInfo = (id) => {
-  //   let userId = getLoginUserInfo().userId;
-  //   var userAppOftenList = [];
-  //   var params = { userId: userId };
-  //   DB.reactGrid.getComAppInfo(params).then((result) => {
-  //     if (result.data) {
-  //       this.setState({
-  //         ['cyyy' + '_' + id]: JSON.parse(result.data)
-  //       });
-  //       localStorage.setItem(['cyyy' + '_' + id], result.data);
-  //       userAppOftenList = JSON.parse(result.data);
-  //     }
-  //     if (userAppOftenList.length < 1) {
-  //       // 没有用户设置，取系统默认值
-  //       this.getOftenList(id);
-  //     }
-  //   }).catch((error) => {
-  //     this.getOftenList();
-  //     console.error(error);
-  //   });
-  // }
-  // 获取默认系统常用应用
-  getOftenList = (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;
-    DB.reactGrid.getComponentInfoListAll(params).then((content) => {
-      if (content) {
-        this.setState({
-          ['cyyy' + '_' + id]: content
-        });
-        var appOftenListlocal = JSON.stringify(content);
-        // localStorage.setItem(['cyyy' + '_' + id], appOftenListlocal);
-        localStorage.setItem('appOftenList', appOftenListlocal);
-      }
-    }).catch((error) => {
-      console.error(error);
-    });
-  }
-
-  getRemindCount() {
-    DB.reactGrid.getNewHomePageRemindCount({ codes: "undo,unreadMail,unreadPubMail,toBeAttended,approveundo" }).then((content) => {
-      if (content.undo || content.approveundo || content.toBeAttendedCount || content.unreadPubMailCount || content.unreadMailCount) {
-        this.setState({
-          undo: content.undo,
-          unreadMailCount: content.unreadMailCount,
-          approveundo: content.approveundo,
-          toBeAttendedCount: content.toBeAttendedCount,
-          unreadPubMailCount: content.unreadPubMailCount
-        });
-      }
-    });
-  }
-
-  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 (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 (obj) {
-          },
-          //点击下一个月
-          nextMonth: function (obj) {
-          },
-          calendarInit: function (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({ ["initCleader_" + id]: true });
-      }
-    }
-  }
-
-  //在日历上显示日程事件（显示点）
-  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');
-      }
-    }
-  }
-  //显示日程信息
-  showCalendarList(Date, data, id) {
-    if (data.dataMap && data.dataMap[Date]) {
-      this.setState({
-        ['grrc_list_' + id]: data.dataMap[Date]
-      });
-    } else {
-      this.setState({ ['grrc_list_' + id]: [] });
-    }
-  }
-  globalSearchChange(newValue) {
-    // this.setState({
-    //   searchVal: newValue
-    // });
-    location.hash = "homepage/home/fullSearch";
-  }
-  globalSearchClick() {
-    var modelCode = this.state.modelCode;
-    var searchCondition = this.state.searchVal;
-    location.hash = "homepage/home/fullSearch/" + modelCode + '/' + searchCondition;
-  }
-  //跳转到语典
-  gotoYd() {
-    pageSkipDirectly(Variables.ydPath);
-  }
-  // 应用跳转
-  newPageSkip(dingUrl, wxUrl, mhUrl, cocallUrl, id) {
-    var dingVal = "DING";
-    var wxVal = "WX";
-    var mhVal = "MH";
-    DB.portal.saveAppCount({ mobileAppId: id }).then((content) => {
-    }).catch((err) => { console.log(err); })
-
-    var data = getLoginUserInfo();
-    var thirdMenuType = data.thirdMenuType;
-    if (thirdMenuType == dingVal) {
-      dd.biz.util.openLink({
-        url: dingUrl,//要打开链接的地址
-        onSuccess: function (result) {
-          /**/
-        },
-        onFail: function (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;
-    }
-  }
-  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 (result) {
-          /**/
-        },
-        onFail: function (err) { }
-      })
-    } else if (thirdMenuType == wxVal) {
-      window.open(urlComplete);
-    } else if (thirdMenuType == mhVal) {
-      window.location = urlComplete;
-    } else {
-      window.location = urlComplete;
-    }
-  }
-  jumpPage(url) {
-    location.hash = url
-  }
-  //跳转到应用
-  skip2Project(code, pagePath) {
-    location.hash = pagePath
-  }
-
-  //跳转到专题
-  skip2Zhuanti(item) {
-    var code = item.data.props.code;
-    location.hash = "topicservice/" + code;
-  }
-
-  //跳转更多
-  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";
-    }
-
-  }
-
-  //跳转到我的事项
-  skip2Process(itemInfo, param_list_type) {
-    console.log(itemInfo);
-    let param_processKey = itemInfo.processKey; // 流程类型code
-    let param_formKey = itemInfo.formKey; // 表单id
-    let param_businessKey = itemInfo.businessKey; // 表单数据id;
-    let param_startUserId = itemInfo.startUserId; // 流程发起人id
-    // let param_list_type = "5"; // 列表类型 待办-0,待阅-1,
-    let processName = itemInfo.processName; // 流程名称
-    let module = itemInfo.module; // 流程名称
-    let type = "all"; //self：本应用，all:全模块
-    let projectPath = "modules/mobilehall"; //项目路径
-
-    let taskId = '';
-    let 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;
-    }
-    let 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") {
-        let 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 {
-        let 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);
-        let 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;
-      }
-    }
-  }
-
-  // 区分个人邮件和公共邮件
-  handleChange(id, obj) {
-
-    var t = this;
-    console.log({
-      activeIndex: obj.active,
-      preActiveIndex: obj.preActive,
-      data: id
-    });
-    if (obj.active == '1') {
-      this.setState({
-        ['activeIndex_ggyj_' + id]: true,
-        ['activeIndex_gryj_' + id]: false
-      })
-    } else {
-      this.setState({
-        ['activeIndex_gryj_' + id]: true,
-        ['activeIndex_ggyj_' + id]: false
-      })
-    }
-
-  }
-
-  // 部件内容渲染处理函数
-  portalContent(item) {
-    let t = this;
-    let styleSetting = JSON.parse(item.styleSetting);
-    let personalSetting = JSON.parse(item.personalSetting);
-    let componentContent = <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>;
-    let componentHead = '';
-    if (item.portletCode === 'banner') {
-      // 判断AI和menu
-      let isShowList = JSON.parse(item.personalSetting).bannerSet;
-      let styleSetting = JSON.parse(item.styleSetting);
-      let pathUrl = "";
-      let colNum = t.state.todoList.length > 0 ? t.state.todoList.length : 5;
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].bannerImg) {
-        let pathUrlId = t.state[item.portletCode + '_' + item.id].bannerImg;
-        pathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + pathUrlId;
-      } else {
-        pathUrl = t.state.pageImage;
-      }
-      componentContent = <div className={personalSetting.styleType == '1' ? "react-grid-banner react-grid-banner-type1" : "react-grid-banner react-grid-banner-type2"}  >
-        <div className='react-grid-banner-img '>
-          <img src={pathUrl} onerror="this.src='../../../fmui/images/defaultHome.png';this.onerror=null" />
-        </div>
-        <div className='global-search'>
-          {/* <Filter hasMask={false} defaultValue={this.state.filterValue} options={filterOptions}
-      onConfirm={(data) => {
-        t.setState({
-          modelCode: data.sort[0].value
-        });
-      }}
-    /> */}
-          <TextField placeholder="请输入关键词进行搜索" value={t.state.searchVal} allowClear={false} onClick={(value) => { t.globalSearchChange(value); }}>
-            <RightAddon>
-              <i className='iconfont-ywtb icon-ywtb-sousuo1 t-P10' onClick={() => { t.globalSearchClick() }}></i>
-            </RightAddon>
-          </TextField>
-          <div className={isShowList.indexOf('AI') > -1 ? 't-FAC' : 't-DN'} onClick={() => { t.gotoYd() }}>
-            <i className='iconfont-ywtb icon-ywtb-zhineng'></i>
-            <div className='t-FS12 t-MT4'>智能客服</div>
-          </div>
-        </div>
-        <Grid col={colNum} className="dd-applist">
-          {
-            t.state.todoList.length > 0 && isShowList.indexOf('menu') > -1 ?
-              t.state.todoList.map(function (item) {
-                let todoInfo = projectMenuUrl.todoInfo[item];
-                return (
-                  <div className={personalSetting.styleType == '1' ? "react-grid-banner react-grid-banner-type1" : "react-grid-banner react-grid-banner-type2"} onClick={t.skip2Project.bind(this, todoInfo.moduleCode, todoInfo.url)}>
-                    <div className="react-grid-banner-item">
-                      <Badge count={item == 'daiban' ? t.state.undo : ''} className={item + 'color'}>
-                        <i className={'iconfont-ywtb ' + todoInfo.icon}></i>
-                      </Badge>
-                    </div>
-                    <div className="menu-title t-FS14">{todoInfo.name}</div>
-                  </div>
-                )
-              }.bind(this))
-              :
-              ''
-          }
-        </Grid>
-      </div>
-      // backgroundImage直接判断有无会报错，单独return
-      {
-        return (<div className='react-grid-component banner' key={item.id} style={{
-          borderTopLeftRadius: styleSetting.otherSet.radius.topLeft + 'px',
-          borderTopRightRadius: styleSetting.otherSet.radius.topRight + 'px',
-          borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft + 'px',
-          borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight + 'px',
-          paddingLeft: styleSetting.otherSet.paddingSet.pl + 'px',
-          paddingright: styleSetting.otherSet.paddingSet.pr + 'px',
-          paddingTop: styleSetting.otherSet.paddingSet.pt + 'px',
-          paddingBottom: styleSetting.otherSet.paddingSet.pb + 'px',
-          backgroundColor: styleSetting.otherSet.bgColor,
-        }}>
-          {styleSetting.titleSet.titleStatus == 1 ? componentHead : ''}
-          {componentContent}
-        </div>);
-      }
-    }
-    if (item.portletCode === 'cyyy') {
-      componentContent = <div className={personalSetting.styleType == '1' ? 'react-app-collect react-app-collect-type1' : 'react-app-collect react-app-collect-type2'}>
-        {/* <p className="rightMore">更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p> */}
-        <Tab activeKey={'0'}>
-          <Tab.Item title={<div style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>常用应用</div>}>
-            {t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ?
-              <Grid col={personalSetting.cols * 1} className={t.state.showcyyy ? '' : 't-DN'}>
-                {
-                  t.state[item.portletCode + '_' + item.id].map(function (ele) {
-                    return (
-                      <div className='systemItem' onClick={t.newPageSkip.bind(t, ele.dingUrl, ele.wxUrl, ele.mhUrl, ele.cocallUrl, ele.id)}>
-                        <div className={'iconblock t-iconBC' + ele.iconColor}>
-                          <Badge count={ele.name == '会议' ? t.state.toBeAttendedCount * 1 : ele.name == '审批' ? t.state.approveundo : ele.name == '公共邮箱' ? t.state.unreadPubMailCount * 1 : ele.name == '邮件' ? t.state.unreadMailCount : ''} >
-                            <i className={'iconfont-ywtb icon-ywtb-' + ele.icon}></i>
-                          </Badge>
-
-                          {/* <i className={'iconfont-ywtb icon-ywtb-' + ele.icon}></i> */}
-                        </div>
-                        <p className='text t-omit t-PT2 t-LH2'>{ele.name}</p>
-                      </div>
-                    )
-                  })
-
-                }
-                <div className={t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ? 'systemItem' : 't-DN'} onClick={t.jumpPage.bind(this, "/apppage/1", personalSetting.cols * 1, item.id)}>
-                  <div className='iconblock t-gengduo'><i className={'iconfont-ywtb' + ' icon-ywtb-gengduo'}></i></div>
-                  <p className='text t-omit t-PT2 t-LH2'>更多</p>
-                </div>
-              </Grid>
-              :
-              <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>
-            }
-          </Tab.Item>
-          <Tab.Item title={<div style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>我的收藏</div>}>
-            {t.state['wdsc' + '_' + item.id] && t.state['wdsc' + '_' + item.id].length > 0 ?
-              <Grid col={personalSetting.cols * 1}>
-                {
-                  t.state['wdsc' + '_' + item.id].map(function (ele) {
-                    return (
-                      <div className='systemItem' onClick={t.newPageSkip.bind(t, ele.dingUrl, ele.wxUrl, ele.mhUrl, ele.cocallUrl, ele.id)}>
-                        <div className={'iconblock t-iconBC' + ele.iconColor}>
-                          <Badge count={ele.name == '会议' ? t.state.toBeAttendedCount * 1 : ele.name == '审批' ? t.state.approveundo : ele.name == '公共邮箱' ? t.state.unreadPubMailCount * 1 : ele.name == '邮件' ? t.state.unreadMailCount : ''} >
-                            <i className={'iconfont-ywtb icon-ywtb-' + ele.icon}></i>
-                          </Badge>
-                        </div>
-                        <p className='text t-omit t-PT2 t-LH2'>{ele.name}</p>
-                      </div>
-                    )
-                  })
-
-                }
-                <div className='systemItem' onClick={t.jumpPage.bind(this, "/appCollect")}>
-                  <div className='iconblock t-gengduo'><i className={'iconfont-ywtb' + ' icon-ywtb-gengduo'}></i></div>
-                  <p className='text t-omit t-PT2 t-LH2'>更多</p>
-                </div>
-              </Grid>
-              :
-              <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>}
-          </Tab.Item>
-        </Tab>
-      </div>
-    }
-    if (item.portletCode === 'bssx') {
-      let bssxShowList = personalSetting.codes;
-      // let styleSetting = JSON.parse(item.styleSetting)
-
-      var commonList = '';
-      if (t.state[item.portletCode + '_' + item.id]) {
-        if (t.state[item.portletCode + '_' + item.id].common && t.state[item.portletCode + '_' + item.id].common.length > 0) {
-          commonList = t.state[item.portletCode + '_' + item.id].common.map(function (item) {
-            return (
-              <div className='banshi-item' onClick={() => { history.push('/officeguid' + `?id=${item.id}&code=${item.code}`) }}>
-                <div className='title'>{item.name}</div>
-                {/* <div className='describe t-omit'>{item.categoryName}</div> */}
-                <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
-                <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
-              </div>
-            )
-          });
-        } else {
-          commonList = <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>;
-        }
-
-      }
-      var colectionList = '';
-      if (t.state[item.portletCode + '_' + item.id]) {
-        if (t.state[item.portletCode + '_' + item.id].colection && t.state[item.portletCode + '_' + item.id].colection.length > 0) {
-          colectionList = t.state[item.portletCode + '_' + item.id].colection.map(function (item) {
-            return (
-              <div className='banshi-item' onClick={() => { history.push('/officeguid' + `?id=${item.id}&code=${item.code}`) }}>
-                <div className='title t-omit'>{item.name}</div>
-                <div className='describe t-omit'>{item.categoryName}</div>
-                <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' bg'}></i>
-                <i className={'iconfont-ywtb icon-ywtb-' + item.icon + ' ic'}></i>
-              </div>
-            )
-          });
-        } else {
-          colectionList = <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>;
-        }
-      }
-      var bssxCommonTab = '';
-      if (bssxShowList.indexOf('common') > -1) {
-        bssxCommonTab = <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>常用事项</div>} key={0} >
-          <div className='banshi-list'>{commonList}</div>
-        </Tab.Item>
-      }
-      var bssxColectionTab = '';
-      if (bssxShowList.indexOf('colection') > -1) {
-        bssxColectionTab = <Tab.Item key={1} title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>我的收藏</div>}>
-          <div className='banshi-list'>{colectionList}</div>
-        </Tab.Item>
-      }
-      componentContent = <div className=''>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.jumpPage.bind(this, "/officehall")}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={bssxShowList.indexOf('common') > -1 ? "0" : "1"}>{bssxCommonTab}{bssxColectionTab}</Tab>
-      </div>
-    }
-    if (item.portletCode === 'ttxx') {
-      var carouselItem = '';
-      var carouselList = '';
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        let tDiv = document.createElement('div');
-        var ttxxImgUrl = "../../../fmui/images/ywtb/notice-card-bg.png";
-        carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
-          if (item.infoList.length > 0) {
-            tDiv.innerHTML = item.infoList[0].content
-            var text = tDiv.innerText
-            return (
-              <Carousel.Item style={{ backgroundImage: `url(${ttxxImgUrl})` }}>
-                <div className='notice-card-head' >
-                  <span>{item.infoList[0].columnName}</span>
-                  <Button type='custom' onClick={t.jumpPage.bind(this, "/channelDetail/" + item.channelId + '/' + item.columnId + '/' + item.columnName)}>更多</Button>
-                </div>
-                <div onClick={t.jumpPage.bind(this, "/infodetail/" + item.infoList[0].id)}>
-                  <strong className='t-FS14 t-omit2 t-LH1_3 t-MB10'>{item.infoList[0].title}</strong>
-                  <p className='t-FS14 t-FCgrey t-omit2 t-LH1_5 t-MB10'>{text}</p>
-                  <p className='t-FS12 t-FCgrey'>{item.infoList[0].createdDate}</p>
-                </div>
-              </Carousel.Item>
-            )
-          }
-        })
-        carouselList = carouselItem.filter(carouselItem => typeof carouselItem !== 'undefined');
-      }
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        componentContent = <div className='componentBox'>
-          <div className='notice-card'>
-            <Carousel showNav auto height="180px" className="carousel-notice">{carouselList}</Carousel>
-          </div>
-        </div>
-      }
-    }
-    if (item.portletCode === 'xwzx') {
-      var xwzxContent = '';
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        xwzxContent = t.state[item.portletCode + '_' + item.id].map(function (item) {
-          const infoList = item.infoList.map(function (infoItem) {
-            let imgSrc = "";
-            let imgIdList = 0;
-            if (infoItem.imgId) {
-              imgIdList = infoItem.imgId.split('|');
-            }
-            if (imgIdList.length >= 3) {
-              let imgSrc1 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
-              let imgSrc2 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[1] + "&token=" + getLoginUserInfo().token;
-              let imgSrc3 = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[2] + "&token=" + getLoginUserInfo().token;
-              return (
-                <div className='infoList3' onClick={t.jumpPage.bind(this, "/infodetail/" + infoItem.id)}>
-                  <div className='infoContent'>
-                    <p>{infoItem.title}</p>
-                    <div className='infoPics'>
-                      <img src={imgSrc1}></img>
-                      <img src={imgSrc2}></img>
-                      <img src={imgSrc3}></img>
-                    </div>
-                    <p className="t-FS14">
-                      <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
-                      <img className={infoItem.isEssence == "1" ? "" : "t-DN"}></img>
-                      <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
-                      <span>{infoItem.publishDate}</span>
-                    </p>
-                  </div>
-                </div>
-              )
-            } else {
-              if (infoItem.imgId) {
-                imgSrc = context + "/api/m/plugin/attachment/mobile/viewImage?fid=" + imgIdList[0] + "&token=" + getLoginUserInfo().token;
-              }
-              return (
-                <div className='infoList' onClick={t.jumpPage.bind(this, "/infodetail/" + infoItem.id)}>
-                  <div className='infoContent'>
-                    <div className={imgSrc ? "imgContent" : "t-DN"} >
-                      <img src={imgSrc}></img>
-                    </div>
-                    <div className='t-FB1'>
-                      <p>{infoItem.title}</p>
-                      <p className="t-FS14">
-                        <i className={infoItem.isTop == "1" ? "iconfont icon-istop t-FS14 t-FCddblue t-MR6" : "t-DN"}></i>
-                        <img className={infoItem.isEssence == "1" ? "" : "t-DN"} ></img>
-                        <span className="t-FB1 t-omit" style={{ maxWidth: "115px" }}>{infoItem.columnName}</span>
-                        <span>{infoItem.publishDate}</span>
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              )
-            }
-          })
-          return (
-            <Tab.Item title={<div style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.columnName}</div>} key={item.columnId}>
-              {item.infoList.length > 0 ?
-                <div className="">{infoList}
-                  <div className='info-more-btn' onClick={t.jumpPage.bind(this, "/channelDetail/" + item.channelId + '/' + item.columnId + '/' + item.columnName)}>
-                    查看更多
-                  </div>
-                </div>
-                :
-                <img className="t-W100 t-PL10 t-PR10 t-MT16" src="../../../fmui/images/home/nodata.png" />
-              }
-            </Tab.Item>
-          )
-        });
-      }
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        componentContent = <Tab activeKey={t.state[item.portletCode + '_' + item.id][0].columnId} pageSize={4} showExpandAll={false} speed={2} >
-          {xwzxContent}
-        </Tab>
-      }
-    }
-    if (item.portletCode === 'gryj') {
-
-      let gryjShowList = personalSetting.mailMenu;
-      var gryjContent = '';
-      if (t.state[item.portletCode + '_' + item.id]) {
-        if (t.state[item.portletCode + '_' + item.id].data.personList && t.state[item.portletCode + '_' + item.id].data.personList.length > 0) {
-          gryjContent = t.state[item.portletCode + '_' + item.id].data.personList.map(function (item) {
-            return (
-              <div className='list-item ' onClick={t.skipPage.bind(this, 'mobile/modules/mail/dist/index.html?context=' + context + '&contextPath=flex&isPublic=0#/mail/details/' + item.mailId + '/1/0/undefined/undefined/undefined/1')}>
-                <div className={item.isRead == "false" ? "item-label label-special" : "t-DN"}>未读</div>
-                <div className='item-title'>{item.theme}</div>
-                <div className='item-content'>
-                  <div className='content t-FCddfontblue-60 t-FS12'>
-                    <span className='t-MR12'>{item.sendTime}</span><span>申请人：</span><span>{item.sendUserName}</span>
-                  </div>
-                  <a className='more'><i className='iconfont icon-right-arrow t-FCddfontblue-60'></i></a>
-                </div>
-              </div>
-            )
-          });
-        } else {
-          gryjContent = <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>;
-        }
-
-      }
-      var ggyjContent = '';
-      if (t.state[item.portletCode + '_' + item.id]) {
-        if (t.state[item.portletCode + '_' + item.id].data.publicList && t.state[item.portletCode + '_' + item.id].data.publicList.length > 0) {
-          ggyjContent = t.state[item.portletCode + '_' + item.id].data.publicList.map(function (item) {
-            return (
-              <div className='list-item' onClick={t.skipPage.bind(this, 'mobile/modules/mail/dist/index.html?context=' + context + '&contextPath=flex&isPublic=1#/mail/details/' + item.mailId + '/1/0/undefined/undefined/undefined/1')}>
-                <div className={item.isRead == "false" ? "item-label label-special" : "t-DN"}>未读</div>
-                <div className='item-title'>{item.theme}</div>
-                <div className='item-content'>
-                  <div className='content t-FCddfontblue-60 t-FS12'>
-                    <span className='t-MR12'>{item.sendTime}</span><span>申请人：</span><span>{item.sendUserName}</span>
-                  </div>
-                  <a className='more'><i className='iconfont icon-right-arrow t-FCddfontblue-60'></i></a>
-                </div>
-              </div>
-            )
-          });
-        } else {
-          ggyjContent = <div><img className="t-W100 t-PL10 t-PR10" src="../../../fmui/images/home/nodata.png" /></div>;
-        }
-      }
-      var personMailTab = '';
-      if (gryjShowList.indexOf('personMail') > -1) {
-        var personMailTab = <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>个人邮箱</div>} key="0"><div className='list-RT-label t-MT16'>{gryjContent}</div></Tab.Item>;
-      }
-      if (gryjShowList.indexOf('commonMail') > -1) {
-        var publicMailTab = <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>公共邮箱</div>} key="1"><div className='list-RT-label t-MT16'>{ggyjContent}</div></Tab.Item>
-      }
-      componentContent = <div class="">
-        {t.state['activeIndex_ggyj_' + item.id] && t.state['activeIndex_ggyj_' + item.id] === true ? <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, 'ggyj')}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p> :
-          <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, 'gryj')}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>}
-
-        <Tab activeKey={gryjShowList.indexOf('personMail') > -1 ? "0" : "1"} onChange={t.handleChange.bind(this, item.id)}>{personMailTab}{publicMailTab}</Tab>
-      </div>
-
-    }
-    if (item.portletCode === 'grrc') {
-      componentHead = <div>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-      var grrcContent = ''
-      if (t.state['grrc_list_' + item.id]) {
-        grrcContent = t.state['grrc_list_' + item.id].map(function (item) {
-          var completed = false;
-          if (item.startTime) {
-            var date = new Date(item.startTime.replace(/-/g, '/'));
-            var H = date.getHours();
-            var M = date.getMinutes();
-            if (H < 10) {
-              H = "0" + H;
-            }
-            if (M < 10) {
-              M = "0" + M;
-            }
-            var time = H + ":" + M;
-            var now = new Date();
-            if (date < now) {  //过去时
-              completed = true
-            }
-          }
-          return (
-            <HBox className={completed ? 'rc-item t-PR rc-completed' : 'rc-item t-PR'} vAlign="center">
-              <Box className='rc-item-time'>{time}</Box>
-              <Box className='rc-item-time-line'><i className='iconfont-ywtb icon-ywtb-fuhao'></i></Box>
-              <Box flex={1} className='rc-item-title t-omit'>{item.title}</Box>
-            </HBox>
-          )
-        });
-      }
-
-      let calendarDom = <div id={`calendar_ ${item.id}`}></div>
-      var grrcList = '';
-      if (t.state[item.portletCode + '_' + item.id]) {
-        grrcList = <div className='rc-list'>{grrcContent}</div>
-      }
-      componentContent = <div>{calendarDom}{grrcList}</div>
-      if (t.state[item.portletCode + '_' + item.id]) {
-        setTimeout(() => {
-          t.initCleader(t.state[item.portletCode + '_' + item.id], item.id)
-        }, 600)
-      }
-    }
-    if (item.portletCode === 'grhy') {
-      var grhyContent = ''
-      if (t.state[item.portletCode + '_' + item.id]) {
-        grhyContent = t.state[item.portletCode + '_' + item.id].data.map(function (item) {
-          return (
-            <div className='meetingCard'>
-              <div className="lineTop"></div>
-              <div className='meetingBg'>
-                <div className='meetingContent' onClick={t.skipPage.bind(this, 'mobile/modules/meeting/dist/index.html?context=' + context + '&hasBottomTab=1#/meeting/myMeetingDetails/' + item.applyRecordid + '/myReceived')}>
-                  <div className='meetingTitle'>
-                    <p className="t-omit t-LH1_6">{item.applyRecordName}</p>
-                  </div>
-                  <div className='meetingTime'>
-                    <div className='meetingDate'>
-                      <i className="iconfont icon-shijian1 t-FS14"></i>
-                      <span className='t-ML6'>{item.week}</span>
-                      <span className='t-ML10'>{item.startDate}</span>
-                    </div>
-                    <div className='timeTitle'>
-                      <p>开始时间</p>
-                      <p>结束时间</p>
-                    </div>
-                    <div className='time'>
-                      <li>{item.sTime}</li>
-                      <li>
-                        <p>{item.durationTime}</p>
-                      </li>
-                      <li>{item.eTime}</li>
-                    </div>
-                    <div className='location'>
-                      <i className="iconfont icon-dizhi t-FS14"></i>
-                      <span className='t-ML6'>{item.meetingAddress}</span>
-                    </div>
-                  </div>
-                </div>
-                <img src="../../../fmui/images/home/start.png" className="startIcon"></img>
-                {/* <img src="../../../fmui/images/home/line.png" className="lineTop"></img> */}
-              </div>
-            </div>
-          )
-        });
-      }
-      componentHead = <div className=''>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, item.portletCode)}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-
-      if (t.state[item.portletCode + '_' + item.id]) {
-        if (t.state[item.portletCode + '_' + item.id].data.length > 0) {
-          componentContent = grhyContent
-        }
-      }
-    }
-    if (item.portletCode === 'lcfq') {
-      componentHead = <div className=''>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, item.portletCode)}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        // 文字模式
-        if (personalSetting.styleType == '1') {
-          componentContent = <Grid col={personalSetting.cols * 1} className='sxbl_buttons'>
-            {t.state[item.portletCode + '_' + item.id].map(function (item) {
-              return <button onClick={() => { history.push('/officeguid' + `?id=${item.id}&code=${item.code}`) }}>{item.name}</button>
-            })}
-          </Grid>
-        }
-
-        if (personalSetting.styleType == '2') {
-          // 卡片模式
-          componentContent = <Grid col={personalSetting.cols * 1} className='lcfq-list'>
-            {t.state[item.portletCode + '_' + item.id].map(function (item) {
-              return <div className='lcfq-list-item' onClick={() => { history.push('/officeguid' + `?id=${item.id}&code=${item.code}`) }}>
-                <div className='lcfq-list-item-icon'>
-                  {/* <i className={'iconfont-ywtb icon-ywtb-' + item.icon}></i> */}
-                  <i className={"iconfont-ywtb icon-ywtb-" + item.icon} ></i>
-                </div>
-                <div className='lcfq-list-item-text'>
-                  {item.name}
-                </div>
-              </div>
-            })}
-          </Grid>
-        }
-      }
-
-    }
-    if (item.portletCode === 'tbgl') {
-      componentHead = <div>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-
-      componentContent = <Chart portalId={item.id} height={'100%'} hasTitle={styleSetting.titleSet.titleStatus == 1} />;
-    }
-    if (item.portletCode === 'wdsx') {
-      componentHead = <div>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, item.portletCode)}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-      let wdsxList = ''
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        wdsxList = t.state[item.portletCode + '_' + item.id].map(function (item) {
-          return <div className='list-item' onClick={t.skip2Process.bind(t, item, 4)}>
-            {/* <div className={item.isRead == "false" ? "item-label label-special" : "t-DN"}>未读</div> */}
-            <div className='item-content'>
-              <div className='item-title'>{item.title}</div>
-              <div className='content t-FCddfontblue-60 t-FS12'>
-                <span className='t-MR12'>{item.createTime}</span><span>申请人：</span><span>{item.startUserName}</span>
-              </div>
-            </div>
-            <a className='more'><i className='iconfont icon-right-arrow t-FCddfontblue-60'></i></a>
-          </div>
-        })
-        componentContent = <div className='list-RT-label wdsx-list'>{wdsxList}</div>
-      }
-    }
-    if (item.portletCode === 'jxzt') {
-      componentHead = <div>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, item.portletCode)}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-
-      let carouselItem = ''
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-
-        carouselItem = t.state[item.portletCode + '_' + item.id].map(function (item) {
-          let imgUrlPath = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + item.imgUrl;
-
-          return <Carousel.Item title="标题" code={item.code} className="t-image-slide-item t-R10" style={{ backgroundImage: `url(${imgUrlPath})` }}>
-            {/* <p className="t-FS20 t-PT20 t-MB10" style={{ textAlign: 'center' }}>{item.name}</p> */}
-            {/* <span className="t-FCf t-MT10 t-FS16 t-ML20">随便写点东西</span> */}
-          </Carousel.Item>
-        })
-      }
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-        componentContent = <Carousel showNav auto={false} className='jxzt-content' onSlideClick={(option) => { t.skip2Zhuanti(option) }}>{carouselItem}</Carousel>
-      }
-
-    }
-    if (item.portletCode === 'image') {
-      let tppathUrl = "";
-      let tpUrlId = "";
-      componentHead = <div>
-        <p className={styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN'} onClick={t.skip2More.bind(this, item.portletCode)}>更多<i className="iconfont-ywtb icon-ywtb-tiaozhuan"></i></p>
-        <Tab activeKey={'0'} className="t-MB16">
-          <Tab.Item title={<div className="" style={{ color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize, }}>{item.title}</div>} key="0"></Tab.Item>
-        </Tab>
-      </div>
-      if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].imgId) {
-        tpUrlId = t.state[item.portletCode + '_' + item.id].imgId;
-        tppathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + tpUrlId;
-        componentContent = <div className='tp-content'>
-          <img src={tppathUrl} alt="" />
-        </div>
-      }
-    }
-    return (<div className={styleSetting.titleSet.titleStatus == 1 ? 'react-grid-component component-bssx' : 'react-grid-component noTitle'} key={item.id} style={{
-      borderTopLeftRadius: styleSetting.otherSet.radius.topLeft + 'px',
-      borderTopRightRadius: styleSetting.otherSet.radius.topRight + 'px',
-      borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft + 'px',
-      borderBottomRightRadius: styleSetting.otherSet.radius.bottomRight + 'px',
-      paddingLeft: styleSetting.otherSet.paddingSet.pl + 'px',
-      paddingright: styleSetting.otherSet.paddingSet.pr + 'px',
-      paddingTop: styleSetting.otherSet.paddingSet.pt + 'px',
-      paddingBottom: styleSetting.otherSet.paddingSet.pb + 'px',
-      backgroundColor: styleSetting.otherSet.bgColor,
-    }}>
-      {styleSetting.titleSet.titleStatus == 1 ? componentHead : ''}
-      {componentContent}
-    </div>);
-  }
-
-  // 下拉刷新
-  onRefresh() {
-    // debugger;
-    this.setState({ refreshing: true });
-    this.initPage();
-    // this.setState({
-    //   refreshing: false,
-    // });
-    setTimeout(() => {
-      this.setState({
-        refreshing: false,
-      });
-    }, 1000)
-  }
-
-  render() {
-    let t = this;
-    let context = localStorage.getItem('context');
-    let userId = getLoginUserInfo().userId;
-    let token = getLoginUserInfo().token;
-    const layout = this.state.data.map((item) => ({
-      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 (
-        <div className='react-grid'>
-          <Refreshcontrol refreshing={this.state.refreshing} onRefresh={this.onRefresh.bind(this)} beforePullLoadText="下拉刷新" afterPullLoadText="下拉刷新结束">
-            <GridLayout
-              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((item) => {
-                return t.portalContent(item) || null
-
-                // 添加一个默认返回值，以避免未指定键的错误
-              })}
-
-            </GridLayout>
-          </Refreshcontrol>
-        </div>
-
-      );
-    }
-  }
-}