fmui-base 2.1.92 → 2.1.94

package/lib/msg_list/msgList.js

@@ -0,0 +1,1271 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Tab = require('saltui/lib/Tab');
+
+var _Tab2 = _interopRequireDefault(_Tab);
+
+var _SearchBar = require('saltui/lib/SearchBar');
+
+var _SearchBar2 = _interopRequireDefault(_SearchBar);
+
+var _ScrollList = require('../ScrollList/ScrollList');
+
+var _ScrollList2 = _interopRequireDefault(_ScrollList);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
+var _Button = require('saltui/lib/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Popup = require('saltui/lib/Popup');
+
+var _Popup2 = _interopRequireDefault(_Popup);
+
+var _Filter = require('saltui/lib/Filter');
+
+var _Filter2 = _interopRequireDefault(_Filter);
+
+var _AngleRight = require('salt-icon/lib/AngleRight');
+
+var _AngleRight2 = _interopRequireDefault(_AngleRight);
+
+var _variables = require('../db/variables');
+
+var _variables2 = _interopRequireDefault(_variables);
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+require('./msgList.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var HBox = _Boxs2.default.HBox,
+    Box = _Boxs2.default.Box;
+
+var searchVal = '';
+var isPageHide = false;
+window.addEventListener('pageshow', function () {
+  console.log("isPageHide===" + isPageHide);
+  if (isPageHide) {
+    window.location.reload();
+  }
+});
+
+var ListItem = function (_React$Component) {
+  _inherits(ListItem, _React$Component);
+
+  function ListItem(props) {
+    _classCallCheck(this, ListItem);
+
+    var _this = _possibleConstructorReturn(this, (ListItem.__proto__ || Object.getPrototypeOf(ListItem)).call(this, props));
+
+    setPageTitle('待办');
+    return _this;
+  }
+
+  _createClass(ListItem, [{
+    key: 'clickDetail',
+    value: function clickDetail(event) {
+      if (this.props.isBatch) {
+        //批量状态
+        var checkDiv = $(event.currentTarget).find(".t-checkbox-field-icon-list");
+        if (checkDiv.hasClass("un-checked")) {
+          //判断是否未选中
+          checkDiv.removeClass("un-checked");
+          checkDiv.addClass("checked");
+        } else {
+          checkDiv.removeClass("checked");
+          checkDiv.addClass("un-checked");
+        }
+      } else {
+        if (this.props.ableClick) {
+          var itemInfo = this.props.data;
+          console.log(itemInfo);
+          var appmsgLink = itemInfo.appmsgLink; // 消息链接
+          var openMode = itemInfo.openMode; // 打开方式 2或8 为三方
+          var param_formKey = itemInfo.formKey; // 表单id
+          var param_businessKey = itemInfo.businessKey; // 表单数据id;
+          var param_startUserId = itemInfo.startUserId; // 流程发起人id
+          var param_list_type = this.props.type; // 列表类型 待办-0,待阅-1,
+          var processName = itemInfo.processName; // 流程名称
+          var module = itemInfo.module; // 流程名称
+          var type = this.props.fromType; //self：本应用，all:全模块
+          var projectPath = this.props.projectPath; //项目路径
+          var _searchVal = this.props.search ? this.props.search : '';
+
+          var taskId = '';
+          var processInstanceId = itemInfo.processInstanceId;
+          if (param_list_type == '2') {
+            taskId = itemInfo.taskId;
+          } else {
+            taskId = itemInfo.id;
+          }
+          var loginUserId = getLoginUserInfo().userId;
+          // location.hash = 'approval/approval-details/detail-servlet/' + param_list_type + '/1/' + param_processKey + '/' + param_formKey + '/' +param_businessKey +
+          //                     '/' + param_startUserId;
+          // alert(searchVal);
+          if (openMode == "2" || openMode == "8") {
+            // 三方应用
+            decodeURI(appmsgLink);
+            location.href = appmsgLink;
+          } else {
+            isPageHide = true;
+            var fullUrl = window.location.href;
+            fullUrl = fullUrl.replace(/clientType/g, "");
+            fullUrl = fullUrl.replace(/thirdMenuType/g, "");
+            fullUrl = fullUrl.replace(/clientAppType/g, "");
+            var mobilePath = module;
+            //projectPath =  modules/mobileoffice  
+            // 预算模块跳转特殊处理
+            if (module == 'bud_cost') {
+              fullUrl = fullUrl.replace("/" + projectPath + "/", "/budget/budgetcost/").split('?_')[0].split('/msglist/all')[0];
+            } else if (module == 'bud_project') {
+              fullUrl = fullUrl.replace("/" + projectPath + "/", "/budget/budgetproject/").split('?_')[0].split('/msglist/all')[0];
+            } else if (module == 'hoa_topic' || module == 'hoa_funds' || module == 'hoa_achievements') {
+              fullUrl = fullUrl.replace("/" + projectPath + "/", "/ky/ky/").split('?_')[0].split('/msglist/all')[0];
+            } else if (module.indexOf("dj_") != '-1' || module.indexOf("jj_") != '-1' || module.indexOf("zdh_") != '-1' || module.indexOf("gh_") != '-1') {
+              fullUrl = fullUrl.split('?_')[0].split('/msglist/all')[0];
+            } else if (module.indexOf("hoa_") != '-1') {
+              var category = module.split("_")[0];
+              mobilePath = module.substring(module.indexOf("_") + 1);
+              fullUrl = fullUrl.replace("/" + projectPath + "/", "/" + category + "/" + mobilePath + "/").split('?_')[0].split('/msglist/all')[0];
+            } else {
+              fullUrl = fullUrl.replace("/" + projectPath + "/", "/modules/" + mobilePath + "/").split('?_')[0].split('/msglist/all')[0];
+            }
+            //alert(fullUrl);
+            var url = "process/processDetails/" + taskId + "/" + param_formKey + "/" + param_businessKey + "/" + param_list_type + "/0/" + processInstanceId + "/" + module + "/" + loginUserId;
+            url = fullUrl + '/' + url;
+            decodeURI(url);
+            location.href = url;
+          }
+
+          // window.salt.router.push({
+          //     id: 'detailPage',
+          //     url: url,
+          //     anim: 1,
+          //     needPost: true,
+          //     param: {
+          //         title: processName,
+          //     }
+          // }).then().catch((e) => {
+          //     // alert(e);
+          // });
+        } else {
+          this.props.updateAbleClick(true);
+        }
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var data = this.props;
+      var checkIsNotComplete = true;
+      var urgencyTag = false;
+      var tagClass = '';
+      if (data.type == 0) {
+        //待办
+        checkIsNotComplete = true;
+        if (data.urgency == '90') {
+          urgencyTag = true;
+          tagClass = 'label label-danger';
+        } else if (data.urgency == '80') {
+          urgencyTag = true;
+          tagClass = 'label label-danger';
+        } else if (data.urgency == '70') {
+          urgencyTag = true;
+          tagClass = 'label label-warn';
+        } else if (data.urgency == '60') {
+          urgencyTag = true;
+          tagClass = 'label label-primary';
+        } else {
+          urgencyTag = false;
+        }
+      } else if (data.type == 1) {
+        //待阅
+        if (data.status == 2) {
+          checkIsNotComplete = false;
+        } else {
+          checkIsNotComplete = true;
+        }
+      } else if (data.type == 2) {
+        //已办
+        if (data.status == 2) {
+          checkIsNotComplete = false;
+        } else {
+          checkIsNotComplete = true;
+        }
+      } else if (data.type == 3) {
+        //已阅
+        if (data.status == 2) {
+          checkIsNotComplete = false;
+        } else {
+          checkIsNotComplete = true;
+        }
+      } else {
+        //我的
+        if (typeof data.finishedTime == 'undefined' || data.finishedTime == null) {
+          checkIsNotComplete = true;
+        } else {
+          checkIsNotComplete = false;
+        }
+      }
+      var comleteName = data.name;
+      if (data.type == 0) {//待办
+        // comleteName=   data.curStepName;
+      } else if (data.type == 1) {
+        //待阅
+        comleteName = data.nodeName;
+      } else if (data.type == 2) {
+        //已办
+        if (data.status == '2') {
+          comleteName = "结束";
+          checkIsNotComplete = false;
+        } else if (data.status == '3') {
+          comleteName = "作废";
+          checkIsNotComplete = false;
+        } else if (data.status == '4') {
+          comleteName = "取消";
+          checkIsNotComplete = false;
+        } else if (data.status == '5') {
+          comleteName = "结束(退回)";
+          checkIsNotComplete = false;
+        } else {
+          comleteName = data.nodeName;
+        }
+      } else if (data.type == 3) {
+        //已阅
+        comleteName = data.nodeName;
+      } else {
+        //我的
+        if (data.status == '2') {
+          comleteName = "结束";
+          checkIsNotComplete = false;
+        } else if (data.status == '3') {
+          comleteName = "作废";
+          checkIsNotComplete = false;
+        } else if (data.status == '4') {
+          comleteName = "取消";
+          checkIsNotComplete = false;
+        } else if (data.status == '5') {
+          comleteName = "结束(退回)";
+          checkIsNotComplete = false;
+        } else {
+          comleteName = data.nodeName;
+        }
+      }
+      if (typeof comleteName == 'undefined' || comleteName == null) {
+        checkIsNotComplete = false;
+      }
+
+      var assigneeName = '申请人：' + data.startUserName;
+
+      if (data.type == 0) {
+        //待办
+        assigneeName = '申请人：' + data.startUserName;
+      } else if (data.type == 1) {
+        //待阅
+        assigneeName = '申请人：' + data.startUserName;
+      } else if (data.type == 2) {
+        //已办
+        if (data.curUserName) {
+          assigneeName = '办理人：' + data.curUserName;
+        }
+      } else if (data.type == 3) {
+        //已阅
+        if (data.startUserName) {
+          assigneeName = '申请人：' + data.startUserName;
+        }
+      } else if (data.type == 4) {
+        //我的
+        if (data.curUserName) {
+          assigneeName = '办理人：' + data.curUserName;
+        }
+      }
+      if (typeof assigneeName == 'undefined' || assigneeName == null) {
+        checkIsNotComplete = false;
+      }
+      var formatTime = data.createTime;
+
+      if (data.type == 0) {
+        //待办
+        formatTime = data.createTime;
+      } else if (data.type == 1) {
+        //待阅
+        formatTime = data.createTime;
+      } else if (data.type == 2) {
+        //已办
+        formatTime = data.dealTime;
+      } else if (data.type == 3) {
+        //已阅
+        formatTime = data.endTime;
+      } else {
+        //我的
+        formatTime = data.createTime;
+      }
+      comleteName = data.curStepName;
+      var now = new Date();
+      var year = now.getFullYear(); //年
+      var month = now.getMonth() + 1; //月
+      var day = now.getDate(); //日
+      var hh = now.getHours(); //时
+      var mm = now.getMinutes(); //分
+      var ss = now.getSeconds(); //秒
+      var clock = year + "-";
+      if (month < 10) clock += "0";
+      clock += month + "-";
+      if (day < 10) clock += "0";
+      clock += day + " ";
+
+      if (hh < 10) clock += "0";
+
+      clock += hh + ":";
+      if (mm < 10) clock += '0';
+      clock += mm + ":";
+
+      if (ss < 10) clock += '0';
+      clock += ss;
+      return (
+
+        //   <HBox className='approve-item'>
+        //   <Box className="approve-check">
+        //     <Box className={'t-checkbox-field-icon-list un-checked t-MR10'} >
+        //       <i className="iconfont icon-checked t-FCf t-FS14"></i>
+        //     </Box>
+        //   </Box>
+        //   <Box className="approve-right-text">
+        //     <HBox className='approveItem-title'>
+        //       <Box className="label label-danger">加急</Box>
+        //       <Box className="label label-info">暂不办理</Box>
+        //       <Box className="label label-warn">超时</Box>
+        //       <Box className="label label-primary">正常</Box>
+        //       <Box className="title">五月行政总值班值班表</Box>
+        //     </HBox>
+        //     <HBox className='approveItem-tag'>
+        //       <span className='label label-primary'>审核意见审核意见</span>
+        //       <i className='iconfont icon-right-arrow'></i>
+        //     </HBox>
+        //     <HBox className="bottom-text">
+        //       <Box className="text-item">申请人:王小红</Box>
+        //       <Box className="text-item">2022-08-28 10:58:58</Box>
+        //     </HBox>
+        //   </Box>
+        // </HBox>
+        _react2.default.createElement(
+          HBox,
+          { className: 'approve-item', onClick: this.clickDetail.bind(this) },
+          _react2.default.createElement(
+            Box,
+            { className: 'approve-check' },
+            _react2.default.createElement(
+              Box,
+              { className: this.props.isBatch == false ? 't-DN' : 't-checkbox-field-icon-list un-checked t-MR10', 'data-taskId': this.props.id, 'data-module': this.props.module, 'data-processInstanceId': this.props.processInstanceId },
+              _react2.default.createElement('i', { className: 'iconfont icon-checked t-FCf t-FS14' })
+            )
+          ),
+          _react2.default.createElement(
+            Box,
+            { className: 'approve-right-text' },
+            _react2.default.createElement(
+              HBox,
+              { className: 'approveItem-title' },
+              _react2.default.createElement(
+                Box,
+                { className: urgencyTag ? tagClass : 't-DN' },
+                this.props.urgencyName
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: this.props.dueDate != null && this.props.dueDate < clock && this.props.type == 0 ? 'label label-warn' : 't-DN' },
+                '\u8D85\u65F6'
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: this.props.deleted != null && this.props.deleted == '1' && this.props.type == 0 ? 'label label-info' : 't-DN' },
+                '\u6682\u4E0D\u529E\u7406'
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: 'title' },
+                this.props.title
+              )
+            ),
+            _react2.default.createElement(
+              HBox,
+              { className: 'approveItem-tag' },
+              _react2.default.createElement(
+                'span',
+                { className: 'label label-primary' },
+                comleteName
+              )
+            ),
+            _react2.default.createElement(
+              HBox,
+              { className: 'bottom-text' },
+              _react2.default.createElement(
+                Box,
+                { className: checkIsNotComplete ? "text-item" : "t-DN" },
+                assigneeName
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: 'text-item' },
+                formatTime
+              )
+            )
+          ),
+          _react2.default.createElement('i', { className: 'iconfont icon-right-arrow' })
+        )
+      );
+    }
+  }]);
+
+  return ListItem;
+}(_react2.default.Component);
+
+;
+
+var transactionIndex = {
+  activeTabIndex: ''
+};
+
+var PageHome = function (_React$Component2) {
+  _inherits(PageHome, _React$Component2);
+
+  function PageHome(props) {
+    _classCallCheck(this, PageHome);
+
+    document.addEventListener('resume', function (e) {});
+
+    var _this2 = _possibleConstructorReturn(this, (PageHome.__proto__ || Object.getPrototypeOf(PageHome)).call(this, props));
+
+    setPageTitle('办理');
+    // 禁用iOS弹性事件
+    if (navigator.userAgent.indexOf('DingTalk') > -1) {
+      dd.ui.webViewBounce.disable();
+    }
+    //获取内容显示区域高度
+    var hasBottomTabHidden = document.getElementById("hasBottomTab") ? document.getElementById("hasBottomTab").value : "0";
+    var hasBottomTab = props.hasBottomTab ? props.hasBottomTab : hasBottomTabHidden;
+    var winHeight = getScrollHigh(1, 1, 0, 0); // 50为标题栏高度
+
+
+    var constIndex = document.getElementById("activeTabIndex").value; //常量
+    var activeIndex = props.activeIndex ? props.activeIndex : 0;
+    var type = props.type ? props.type : "self"; //self：本应用，all:全模块
+    var module = props.module ? props.module : type == "self" ? "approve" : "";
+    var hasBatch = eval(props.hasBatch ? props.hasBatch : "true"); //是否有批量办理
+    var tabCodes = props.tabCodes ? props.tabCodes : "undo,unread,done,read"; //标签页
+    var searchVal = props.search;
+
+    var projectPath = props.projectPath ? props.projectPath : "modules/mobileoffice";
+    if (constIndex == '') {
+      if (!activeIndex) {
+        activeIndex = '0';
+      }
+      constIndex = activeIndex;
+    } else {
+      activeIndex = constIndex;
+    }
+    var undoListUrl;
+    var unreadListUrl;
+    var doneListUrl;
+    var readListUrl;
+    var myselfListUrl;
+    undoListUrl = _variables2.default.URLS.msgList.undo + "&module=" + module;
+    unreadListUrl = _variables2.default.URLS.msgList.unread + "&module=" + module;
+    doneListUrl = _variables2.default.URLS.msgList.done + "&module=" + module;
+    readListUrl = _variables2.default.URLS.msgList.read + "&module=" + module;
+    myselfListUrl = _variables2.default.URLS.msgList.myself + "&module=" + module;
+    _this2.state = {
+      tabCodes: tabCodes,
+      type: type,
+      activeTabIndex: activeIndex, // 待办-0；待阅-1；已办-2；已阅-3；我的-4
+      winHeight: winHeight,
+      projectPath: projectPath,
+      page: 0,
+      search0: searchVal,
+      search1: searchVal,
+      search2: searchVal,
+      search3: searchVal,
+      search4: searchVal,
+      titleCount: {
+        undo: 0, // 待办
+        unread: 0, // 待阅
+        done: 0, // 已办
+        read: 0, // 已阅
+        myself: 0 // 我的
+      },
+      ableClick: true, //列表是否可点击,
+      isBatch: false,
+      noDataTip0: '暂无数据',
+      noDataTip1: '暂无数据',
+      noDataTip2: '暂无数据',
+      noDataTip3: '暂无数据',
+      noDataTip4: '暂无数据',
+      module: module,
+      undoListUrl: undoListUrl,
+      unreadListUrl: unreadListUrl,
+      doneListUrl: doneListUrl,
+      readListUrl: readListUrl,
+      myselfListUrl: myselfListUrl,
+      hasBatch: hasBatch,
+      categoryList: [],
+      categoryListTitle: '全部分类',
+      category0: [],
+      category1: [],
+      category2: [],
+      category3: [],
+      category4: []
+    };
+    _this2.getTransactionTitleCount(module, "undo,unread");
+    // this.getCategoryListByModule(module);
+    /**
+     * 办理页面搜索框设置项
+     * @type {{locale: string, instantSearch: boolean, hasHistory: boolean, searchDelay: number, onEnter: (()), onExit: (()), onChange: ((p1:*)), onSearch: ((p1?:*))}}
+     */
+    _this2.searchBarProps = {
+      placeholder: "请输入标题查询",
+      instantSearch: false,
+      hasHistory: false,
+      searchDelay: 450,
+      value: searchVal,
+      exitAfterEnter: false,
+      onEnter: function onEnter() {
+        console.log('enter');
+      },
+      onExit: _this2.onExit.bind(_this2),
+      onChange: function onChange(value) {
+        console.log('Typing>>' + value);
+      },
+      onSearch: _this2.onSearch.bind(_this2)
+    };
+
+    return _this2;
+  }
+
+  _createClass(PageHome, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var obj = $("title");
+      obj.text("办理");
+      var thirdMenuType = getLoginUserInfo().thirdMenuType;
+      if (thirdMenuType == 'DING') {
+        dd.biz.navigation.setTitle({
+          title: "办理", //控制标题文本，空字符串表示显示默认文本
+          onSuccess: function onSuccess(result) {},
+          onFail: function onFail(err) {}
+        });
+      } else if (thirdMenuType == 'MH' && typeof emp != "undefined") {
+        emp.window.setTitle({
+          title: {
+            text: "办理",
+            icon: '',
+            actionmenu: {}
+          }
+        });
+      }
+      $("#App").removeAttr("style");
+      _Popup2.default.hide();
+      // dd.ready(function(){
+      //     document.addEventListener('resume', function(e) {
+      //         this.refs.transaction_undo_ref.fetchData(param);
+      //         this.refs.transaction_done_ref.fetchData(param);
+      //         this.refs.transaction_myself_ref.fetchData(param);
+      //     });
+      // });
+    }
+
+    /**
+     * tab页切换方法
+     * @param obj
+     */
+
+  }, {
+    key: 'handleTabChange',
+    value: function handleTabChange(obj) {
+      var t = this;
+      // this.setState({ activeTabIndex:obj.active });
+      var active = obj.active;
+      console.log(active);
+      document.getElementById("activeTabIndex").value = active;
+      this.setState({
+        activeTabIndex: active,
+        page: 0,
+        selectAll: true,
+        isBatch: false
+      });
+      var preActive = obj.preActive;
+
+      // 点击tab页签，关闭遮罩
+      $('.title-wrapper.active').click();
+    }
+
+    /**
+     * 获取页面 标题数量 方法
+     */
+
+  }, {
+    key: 'getTransactionTitleCount',
+    value: function getTransactionTitleCount(module, codes) {
+      var _this3 = this;
+
+      var t = this;
+      _db2.default.FlowApproval.getUmcCount({
+        module: module,
+        codes: codes
+      }).then(function (content) {
+        _this3.state.titleCount.undo = content.undo;
+        _this3.state.titleCount.unread = content.unread;
+      }).catch(function (error) {
+        console.log(error);
+      });
+    }
+
+    /**
+     * 获取分类
+     */
+
+  }, {
+    key: 'getCategoryListByModule',
+    value: function getCategoryListByModule(module) {
+      var _this4 = this;
+
+      var t = this;
+      _db2.default.FlowApproval.getCategoryListByModule({
+        module: module
+      }).then(function (content) {
+        if (content) {
+          _this4.state.categoryList = content;
+        }
+      }).catch(function (error) {
+        console.log(error);
+      });
+    }
+
+    /**
+     * ScrollList 请求数据之前的函数
+     */
+
+  }, {
+    key: 'beforeFetch0',
+    value: function beforeFetch0(data, from) {
+      this.setState({
+        ableClick: false
+      });
+      //alert("this.state.search: " + JSON.stringify(this.state.search) + ';;;param: ' + JSON.stringify(from));
+      data.corpId = corpid;
+      // data.code = ;
+      var search = from.title;
+      var cate = from.category;
+      if (search == undefined) {
+        data.title = this.state.search0;
+      } else {
+        data.title = from.title;
+      }
+      if (cate == undefined) {
+        data.category = this.state.category0;
+      } else {
+        data.category = from.category;
+      }
+      return data;
+    }
+  }, {
+    key: 'beforeFetch1',
+    value: function beforeFetch1(data, from) {
+      this.setState({
+        ableClick: false
+      });
+      //alert("this.state.search: " + JSON.stringify(this.state.search) + ';;;param: ' + JSON.stringify(from));
+      data.corpId = corpid;
+      // data.code = ;
+      var search = from.title;
+      var cate = from.category;
+      if (search == undefined) {
+        data.title = this.state.search1;
+      } else {
+        data.title = from.title;
+      }
+      if (cate == undefined) {
+        data.category = this.state.category1;
+      } else {
+        data.category = from.category;
+      }
+      return data;
+    }
+  }, {
+    key: 'beforeFetch2',
+    value: function beforeFetch2(data, from) {
+      this.setState({
+        ableClick: false
+      });
+      //alert("this.state.search: " + JSON.stringify(this.state.search) + ';;;param: ' + JSON.stringify(from));
+      data.corpId = corpid;
+      // data.code = ;
+      var search = from.title;
+      var cate = from.category;
+      if (search == undefined) {
+        data.title = this.state.search2;
+      } else {
+        data.title = from.title;
+      }
+      if (cate == undefined) {
+        data.category = this.state.category2;
+      } else {
+        data.category = from.category;
+      }
+      return data;
+    }
+  }, {
+    key: 'beforeFetch3',
+    value: function beforeFetch3(data, from) {
+      this.setState({
+        ableClick: false
+      });
+      //alert("this.state.search: " + JSON.stringify(this.state.search) + ';;;param: ' + JSON.stringify(from));
+      data.corpId = corpid;
+      // data.code = ;
+      var search = from.title;
+      var cate = from.category;
+      if (search == undefined) {
+        data.title = this.state.search3;
+      } else {
+        data.title = from.title;
+      }
+      if (cate == undefined) {
+        data.category = this.state.category4;
+      } else {
+        data.category = from.category;
+      }
+      return data;
+    }
+  }, {
+    key: 'beforeFetch4',
+    value: function beforeFetch4(data, from) {
+      this.setState({
+        ableClick: false
+      });
+      //alert("this.state.search: " + JSON.stringify(this.state.search) + ';;;param: ' + JSON.stringify(from));
+      data.corpId = corpid;
+      // data.code = ;
+      var search = from.title;
+      var cate = from.category;
+      if (search == undefined) {
+        data.title = this.state.search4;
+      } else {
+        data.title = from.title;
+      }
+      if (cate == undefined) {
+        data.category = this.state.category4;
+      } else {
+        data.category = from.category;
+      }
+      return data;
+    }
+
+    /**
+     * ScrollList 得到返回数据
+     * @param data
+     * @returns {*}
+     */
+
+  }, {
+    key: 'processData',
+    value: function processData(data) {
+      this.setState({
+        ableClick: true
+      });
+      $('.empty-content').show();
+      return data;
+    }
+
+    /**
+     * 搜索栏，确认搜索
+     */
+
+  }, {
+    key: 'onSearch',
+    value: function onSearch(searchValue) {
+      console.log('onSearch>>' + searchValue);
+      var noDataTip = '无搜索结果';
+      if (this.state.activeTabIndex == 0) {
+        this.setState({
+          search0: searchValue,
+          noDataTip0: noDataTip
+        });
+        var param = {
+          title: searchValue,
+          category: this.state.category0
+        };
+        this.refs.transaction_undo_ref.fetchData(param);
+      } else if (this.state.activeTabIndex == 1) {
+        this.setState({
+          search1: searchValue,
+          noDataTip1: noDataTip
+        });
+        var _param = {
+          title: searchValue,
+          category: this.state.category1
+        };
+        this.refs.transaction_unread_ref.fetchData(_param);
+      } else if (this.state.activeTabIndex == 2) {
+        this.setState({
+          search2: searchValue,
+          noDataTip2: noDataTip
+        });
+        var _param2 = {
+          title: searchValue,
+          category: this.state.category2
+        };
+        this.refs.transaction_done_ref.fetchData(_param2);
+      } else if (this.state.activeTabIndex == 3) {
+        this.setState({
+          search3: searchValue,
+          noDataTip3: noDataTip
+        });
+        var _param3 = {
+          title: searchValue,
+          category: this.state.category3
+        };
+        this.refs.transaction_read_ref.fetchData(_param3);
+      } else if (this.state.activeTabIndex == 4) {
+        this.setState({
+          search4: searchValue,
+          noDataTip4: noDataTip
+        });
+        var _param4 = {
+          title: searchValue,
+          category: this.state.category4
+        };
+        this.refs.transaction_myself_ref.fetchData(_param4);
+      }
+    }
+
+    /**
+     * 退出搜索栏工具
+     */
+
+  }, {
+    key: 'onExit',
+    value: function onExit() {
+      // debugger;
+      console.log('onExit!');
+      var noDataTip = '暂无数据';
+      var searchValue = '';
+
+      var type = this.state.type;
+      if (type == "self") {
+        var url = 'approval/transaction/' + this.state.activeTabIndex;
+        location.hash = url;
+      } else {
+        var url = 'msglist/all/' + this.state.activeTabIndex;
+        location.hash = url;
+      }
+      searchVal = '';
+      $('.empty-content').hide();
+      if (this.state.activeTabIndex == 0) {
+        this.refs.transaction_undo_ref.fetchData({
+          title: searchValue,
+          category: this.state.category0
+        });
+        this.setState({
+          search0: '',
+          noDataTip0: noDataTip
+        });
+      } else if (this.state.activeTabIndex == 1) {
+        this.refs.transaction_unread_ref.fetchData({
+          title: searchValue,
+          category: this.state.category1
+        });
+        this.setState({
+          search1: '',
+          noDataTip1: noDataTip
+        });
+      } else if (this.state.activeTabIndex == 2) {
+        this.refs.transaction_done_ref.fetchData({
+          title: searchValue,
+          category: this.state.category2
+        });
+        this.setState({
+          search2: '',
+          noDataTip2: noDataTip
+        });
+      } else if (this.state.activeTabIndex == 3) {
+        this.refs.transaction_read_ref.fetchData({
+          title: searchValue,
+          category: this.state.category3
+        });
+        this.setState({
+          search3: '',
+          noDataTip3: noDataTip
+        });
+      } else if (this.state.activeTabIndex == 4) {
+        this.refs.transaction_myself_ref.fetchData({
+          title: searchValue,
+          category: this.state.category4
+        });
+        this.setState({
+          search4: '',
+          noDataTip4: noDataTip
+        });
+      }
+    }
+  }, {
+    key: 'onScrollRefresh',
+    value: function onScrollRefresh() {}
+  }, {
+    key: 'onLoad',
+    value: function onLoad() {}
+    //更新可点击状态
+
+  }, {
+    key: 'updateAbleClick',
+    value: function updateAbleClick(boolean) {
+      this.setState({
+        ableClick: boolean
+      });
+    }
+
+    //点击批量
+
+  }, {
+    key: 'clickBatch',
+    value: function clickBatch(boolean) {
+      this.setState({
+        isBatch: !boolean,
+        selectAll: true
+      });
+    }
+
+    //全选
+
+  }, {
+    key: 'selectAll',
+    value: function selectAll() {
+      var t = this;
+      if (this.state.selectAll) {
+        $(".t-checkbox-field-icon-list").map(function (index, item) {
+          $(item).removeClass("un-checked");
+          $(item).addClass("checked");
+        });
+        this.setState({
+          selectAll: false
+        });
+      } else {
+        $(".t-checkbox-field-icon-list").map(function (index, item) {
+          $(item).removeClass("checked");
+          $(item).addClass("un-checked");
+        });
+        this.setState({
+          selectAll: true
+        });
+      }
+    }
+  }, {
+    key: 'filterConfirm',
+    value: function filterConfirm(data) {
+      var noDataTip = '暂无搜索结果';
+      var category = [];
+      if (data.sort) {
+        data.sort.map(function (item) {
+          category.push(item.value);
+        });
+      }
+
+      if (this.state.activeTabIndex == 0) {
+        this.setState({
+          category0: category.join(','),
+          noDataTip1: noDataTip
+          // categoryListTitle: category.join(',') || '全部分类'
+        });
+
+        var param = {
+          title: this.state.search0,
+          category: category.join(',')
+        };
+        this.refs.transaction_undo_ref.fetchData(param);
+      } else if (this.state.activeTabIndex == 1) {
+        this.setState({
+          category1: category.join(','),
+          noDataTip1: noDataTip
+          // categoryListTitle: category.join(',') || '全部分类'
+        });
+        var _param5 = {
+          title: this.state.search1,
+          category: category.join(',')
+        };
+        this.refs.transaction_unread_ref.fetchData(_param5);
+      } else if (this.state.activeTabIndex == 2) {
+        this.setState({
+          category2: category.join(','),
+          noDataTip1: noDataTip
+          // categoryListTitle: category.join(',') || '全部分类'
+        });
+        var _param6 = {
+          title: this.state.search2,
+          category: category.join(',')
+        };
+        this.refs.transaction_done_ref.fetchData(_param6);
+      } else if (this.state.activeTabIndex == 3) {
+        this.setState({
+          category3: category.join(','),
+          noDataTip1: noDataTip
+          // categoryListTitle: category.join(',') || '全部分类'
+        });
+        var _param7 = {
+          title: this.state.search3,
+          category: category.join(',')
+        };
+        this.refs.transaction_read_ref.fetchData(_param7);
+      } else if (this.state.activeTabIndex == 4) {
+        this.setState({
+          category4: category.join(','),
+          noDataTip1: noDataTip
+          // categoryListTitle: category.join(',') || '全部分类'
+        });
+        var _param8 = {
+          title: this.state.search4,
+          category: category.join(',')
+        };
+        this.refs.transaction_myself_ref.fetchData(_param8);
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var tabBarStyle = {};
+      var winHeightStyle = { height: this.state.winHeight };
+
+      var Item = function Item(props) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'demo-item' },
+          props.id + ' ' + props.name
+        );
+      };
+      var undoDiv = _react2.default.createElement(
+        'div',
+        null,
+        ' \u5F85\u529E',
+        this.state.titleCount.undo == 0 ? '' : _react2.default.createElement(
+          'span',
+          { style: { color: 'red' } },
+          '(',
+          this.state.titleCount.undo,
+          ')'
+        )
+      );
+      var unreadDiv = _react2.default.createElement(
+        'div',
+        null,
+        ' \u5F85\u9605',
+        this.state.titleCount.unread == 0 ? '' : _react2.default.createElement(
+          'span',
+          { style: { color: 'red' } },
+          '(',
+          this.state.titleCount.unread,
+          ')'
+        )
+      );
+      return _react2.default.createElement(
+        'div',
+        { className: 'approve-list' },
+        _react2.default.createElement(
+          _Tab2.default,
+          { activeKey: this.state.activeTabIndex, onChange: this.handleTabChange.bind(this), destroyInactiveTabPane: false },
+          this.state.tabCodes.indexOf('undo') >= 0 ? _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: undoDiv },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center', className: 't-BCf' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1 },
+                _react2.default.createElement(_SearchBar2.default, _extends({ ref: 'search_undo_ref', className: 'searchActive' }, this.searchBarProps))
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'scrollHeight', style: winHeightStyle },
+              _react2.default.createElement(
+                _ScrollList2.default,
+                {
+                  url: this.state.undoListUrl,
+                  dataType: 'json',
+                  pageSize: 10,
+                  beforeFetch: this.beforeFetch0.bind(this),
+                  processData: this.processData.bind(this),
+                  ref: 'transaction_undo_ref',
+                  noDataImage: _variables2.default.nodataIcon,
+                  currentPageKey: 'page',
+                  noDataTip: this.state.noDataTip0
+                },
+                _react2.default.createElement(ListItem, { type: '0', isBatch: this.state.isBatch, ableClick: this.state.ableClick, fromType: this.state.type, projectPath: this.state.projectPath, updateAbleClick: this.updateAbleClick.bind(this) })
+              )
+            )
+          ) : "",
+          this.state.tabCodes.indexOf('unread') >= 0 ? _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: unreadDiv },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center', className: 't-BCf' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1 },
+                _react2.default.createElement(_SearchBar2.default, _extends({ ref: 'search_unread_ref', className: 'searchActive' }, this.searchBarProps))
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'scrollHeight', style: winHeightStyle },
+              _react2.default.createElement(
+                _ScrollList2.default,
+                {
+                  url: this.state.unreadListUrl,
+                  dataType: 'json',
+                  pageSize: 10,
+                  beforeFetch: this.beforeFetch1.bind(this),
+                  processData: this.processData.bind(this),
+                  ref: 'transaction_unread_ref',
+                  noDataImage: _variables2.default.nodataIcon,
+                  currentPageKey: 'page',
+                  noDataTip: this.state.noDataTip1
+                },
+                _react2.default.createElement(ListItem, { type: '1', ableClick: this.state.ableClick, isBatch: this.state.isBatch, fromType: this.state.type, projectPath: this.state.projectPath, updateAbleClick: this.updateAbleClick.bind(this) })
+              )
+            )
+          ) : "",
+          this.state.tabCodes.indexOf('done') >= 0 ? _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: "已办" + (this.state.titleCount.done == 0 ? '' : '(' + this.state.titleCount.done + ')') },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center', className: 't-BCf' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1 },
+                _react2.default.createElement(_SearchBar2.default, _extends({ ref: 'search_done_ref', className: 'searchActive' }, this.searchBarProps))
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'scrollHeight', style: winHeightStyle },
+              _react2.default.createElement(
+                _ScrollList2.default,
+                {
+                  url: this.state.doneListUrl,
+                  dataType: 'json',
+                  pageSize: 10,
+                  beforeFetch: this.beforeFetch2.bind(this),
+                  processData: this.processData.bind(this),
+                  ref: 'transaction_done_ref',
+                  noDataImage: _variables2.default.nodataIcon,
+                  currentPageKey: 'page',
+                  noDataTip: this.state.noDataTip2
+                },
+                _react2.default.createElement(ListItem, { type: '2', ableClick: this.state.ableClick, isBatch: this.state.isBatch, fromType: this.state.type, projectPath: this.state.projectPath, updateAbleClick: this.updateAbleClick.bind(this) })
+              )
+            )
+          ) : "",
+          this.state.tabCodes.indexOf('read') >= 0 ? _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: "已阅" + (this.state.titleCount.read == 0 ? '' : '(' + this.state.titleCount.read + ')') },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center', className: 't-BCf' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1 },
+                _react2.default.createElement(_SearchBar2.default, _extends({ ref: 'search_read_ref', className: 'searchActive' }, this.searchBarProps))
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'scrollHeight', style: winHeightStyle },
+              _react2.default.createElement(
+                _ScrollList2.default,
+                {
+                  url: this.state.readListUrl,
+                  dataType: 'json',
+                  pageSize: 10,
+                  beforeFetch: this.beforeFetch3.bind(this),
+                  processData: this.processData.bind(this),
+                  ref: 'transaction_read_ref',
+                  noDataImage: _variables2.default.nodataIcon,
+                  currentPageKey: 'page',
+                  noDataTip: this.state.noDataTip3
+                },
+                _react2.default.createElement(ListItem, { type: '3', ableClick: this.state.ableClick, isBatch: this.state.isBatch, fromType: this.state.type, projectPath: this.state.projectPath, updateAbleClick: this.updateAbleClick.bind(this) })
+              )
+            )
+          ) : "",
+          this.state.tabCodes.indexOf('myself') >= 0 ? _react2.default.createElement(
+            _Tab2.default.Item,
+            { title: "我的" + (this.state.titleCount.myself == 0 ? '' : '(' + this.state.titleCount.myself + ')') },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center', className: 't-BCf' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1 },
+                _react2.default.createElement(_SearchBar2.default, _extends({ ref: 'search_myself_ref', className: 'searchActive' }, this.searchBarProps))
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'scrollHeight', style: winHeightStyle },
+              _react2.default.createElement(
+                _ScrollList2.default,
+                {
+                  url: this.state.myselfListUrl,
+                  dataType: 'json',
+                  pageSize: 10,
+                  beforeFetch: this.beforeFetch4.bind(this),
+                  processData: this.processData.bind(this),
+                  ref: 'transaction_myself_ref',
+                  noDataImage: _variables2.default.nodataIcon,
+                  currentPageKey: 'page',
+                  noDataTip: this.state.noDataTip4
+                },
+                _react2.default.createElement(ListItem, { type: '4', ableClick: this.state.ableClick, isBatch: this.state.isBatch, fromType: this.state.type, projectPath: this.state.projectPath, updateAbleClick: this.updateAbleClick.bind(this) })
+              )
+            )
+          ) : ""
+        )
+      );
+    }
+  }]);
+
+  return PageHome;
+}(_react2.default.Component);
+
+exports.default = PageHome;