fmui-base 2.2.11 → 2.2.12

package/lib/process_list/processList.jsx

@@ -1,1299 +0,0 @@
-import React from 'react';
-
-import Tab from 'saltui/lib/Tab';
-import SearchBar from 'saltui/lib/SearchBar';
-import ScrollList from '../ScrollList/ScrollList';
-import Boxs from 'saltui/lib/Boxs';
-import Toast from 'saltui/lib/Toast';
-import Button from 'saltui/lib/Button';
-import Popup from 'saltui/lib/Popup';
-import Filter from 'saltui/lib/Filter'
-
-import AngleRight from 'salt-icon/lib/AngleRight';
-const { HBox, Box } = Boxs;
-
-import Variables from '../db/variables';
-import DB from '../db/db';
-
-import './processList.less';
-let searchVal = '';
-var isPageHide = false;
-window.addEventListener('pageshow', function () {
-    console.log("isPageHide==="+isPageHide);
-    if (isPageHide) {
-        window.location.reload();
-    }
-});
-class ListItem extends React.Component {
-
-  constructor(props) {
-    super(props);
-    setPageTitle('办理');
-  }
-
-  clickDetail(event) {
-    if (this.props.isBatch) {//批量状态
-      let 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) {
-        let itemInfo = this.props.data;
-        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 = this.props.type; // 列表类型 待办-0,待阅-1,
-        let processName = itemInfo.processName; // 流程名称
-        let module = itemInfo.module; // 流程名称
-        let type = this.props.fromType; //self：本应用，all:全模块
-        let projectPath = this.props.projectPath; //项目路径
-
-        let taskId = '';
-        let processInstanceId = itemInfo.processInstanceId;
-        if (param_list_type == '2') {
-          taskId = itemInfo.taskId;
-        } else {
-          taskId = itemInfo.id;
-        }
-        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 == "self") {
-          let url = "process/processDetails/" + taskId + "/" + param_formKey + "/" + param_businessKey + "/" + param_list_type + "/0/" + processInstanceId + "/" + module + "/" + loginUserId;
-          if (searchVal != '') {
-            url += "/" + searchVal;
-          }
-          decodeURI(url);
-          location.hash = url;
-        } else {
-          isPageHide = true;
-          let 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('/approval/all')[0];
-          }else if(module=='bud_project'){
-            fullUrl = fullUrl.replace("/" + projectPath + "/", "/budget/budgetproject/").split('?_')[0].split('/approval/all')[0];
-          }else if(module=='hoa_topic' || module=='hoa_funds' || module=='hoa_achievements'){
-            fullUrl = fullUrl.replace("/" + projectPath + "/", "/ky/ky/").split('?_')[0].split('/approval/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('/approval/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('/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;
-          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);
-      }
-    }
-  }
-
-
-  render() {
-    let data = this.props;
-    let checkIsNotComplete = true;
-    if (data.type == 0) { //待办
-      checkIsNotComplete = true;
-    } 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;
-      }
-    }
-    let 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 {
-        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 {
-        comleteName = data.nodeName;
-      }
-    }
-    if (typeof (comleteName) == 'undefined' || comleteName == null) {
-      checkIsNotComplete = false;
-    }
-
-    let 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;
-    }
-    let 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;
-    }
-
-    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();           //秒
-    let 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>
-      <HBox className='approve-item' onClick={this.clickDetail.bind(this)}>
-        <Box className="approve-check">
-          <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} >
-            <i className="iconfont icon-checked t-FCf t-FS14"></i>
-          </Box>
-        </Box>
-        <Box className="approve-right-text">
-          <HBox className='approveItem-title'>
-            <Box className={this.props.urgency == '1' && this.props.type == 0 ? 'label label-danger' : 't-DN'}>加急</Box>
-            <Box className={this.props.dueDate != null && this.props.dueDate < clock && this.props.type == 0 ? 'label label-warn' : 't-DN'}>超时</Box>
-            <Box className={this.props.deleted != null && this.props.deleted == '1' && this.props.type == 0 ? 'label label-info' : 't-DN'}>暂不办理</Box>
-            <Box className="title">{this.props.title}</Box>
-          </HBox>
-          <HBox className='approveItem-tag'>
-            <span className='label label-primary'>{comleteName}</span>
-          </HBox>
-          <HBox className="bottom-text">
-            <Box className={checkIsNotComplete ? "text-item" : "t-DN"}>{assigneeName}</Box>
-            <Box className="text-item">{formatTime}</Box>
-          </HBox>
-        </Box>
-        <i className='iconfont icon-right-arrow'></i>
-      </HBox>
-
-    );
-  }
-};
-
-
-
-const transactionIndex = {
-  activeTabIndex: '',
-}
-
-
-export default class PageHome extends React.Component {
-
-  constructor(props) {
-
-    document.addEventListener('resume', function (e) { });
-    super(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, hasBottomTab);
-
-
-    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,myself";//标签页
-    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;
-    if (type == "self") {
-      undoListUrl = Variables.URLS.transaction.undo + "&module=" + module;
-      unreadListUrl = Variables.URLS.transaction.unread + "&module=" + module;
-      doneListUrl = Variables.URLS.transaction.done + "&module=" + module;
-      readListUrl = Variables.URLS.transaction.read + "&module=" + module;
-      myselfListUrl = Variables.URLS.transaction.myself + "&module=" + module;
-    } else {
-      undoListUrl = Variables.URLS.transaction.undo + "&unified=1&sourceType=unitedapprove&module=" + module;
-      unreadListUrl = Variables.URLS.transaction.unread + "&unified=1&sourceType=unitedapprove&module=" + module;
-      doneListUrl = Variables.URLS.transaction.done + "&unified=1&sourceType=unitedapprove&module=" + module;
-      readListUrl = Variables.URLS.transaction.read + "&unified=1&sourceType=unitedapprove&module=" + module;
-      myselfListUrl = Variables.URLS.transaction.myself + "&unified=1&sourceType=unitedapprove&module=" + module;
-    }
-    this.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: [],
-    };
-    this.getTransactionTitleCount(module, "undo,unread");
-    this.getCategoryListByModule(module);
-    /**
-     * 办理页面搜索框设置项
-     * @type {{locale: string, instantSearch: boolean, hasHistory: boolean, searchDelay: number, onEnter: (()), onExit: (()), onChange: ((p1:*)), onSearch: ((p1?:*))}}
-     */
-    this.searchBarProps = {
-      placeholder: "请输入流程标题查询",
-      instantSearch: false,
-      hasHistory: false,
-      searchDelay: 450,
-      value: searchVal,
-      exitAfterEnter: false,
-      onEnter: () => { console.log('enter'); },
-      onExit: this.onExit.bind(this),
-      onChange: (value) => {
-        console.log(`Typing>>${value}`);
-      },
-      onSearch: this.onSearch.bind(this)
-    };
-
-
-
-  }
-
-  componentDidMount() {
-    var obj = $("title");
-    obj.text("办理");
-    var thirdMenuType = getLoginUserInfo().thirdMenuType;
-    if (thirdMenuType == 'DING') {
-      dd.biz.navigation.setTitle({
-        title: "办理",//控制标题文本，空字符串表示显示默认文本
-        onSuccess: function (result) { },
-        onFail: function (err) { }
-      });
-    } else if (thirdMenuType == 'MH' && typeof (emp) != "undefined") {
-      emp.window.setTitle({
-        title: {
-          text: "办理",
-          icon: '',
-          actionmenu: {}
-        },
-      });
-    }
-    $("#App").removeAttr("style");
-    Popup.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
-   */
-  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()
-  }
-
-  /**
-   * 获取页面 标题数量 方法
-   */
-  getTransactionTitleCount(module, codes) {
-    let t = this;
-    DB.FlowApproval.getApproveCount({
-      module: module,
-      codes: codes,
-    }).then((content) => {
-      this.state.titleCount.undo = content.undo;
-      this.state.titleCount.unread = content.unread;
-
-    }).catch((error) => {
-      console.log(error);
-    });
-  }
-
-  /**
-   * 获取分类
-   */
-  getCategoryListByModule(module) {
-    let t = this;
-    DB.FlowApproval.getCategoryListByModule({
-      module: module,
-    }).then((content) => {
-      if (content) {
-        this.state.categoryList = content;
-      }
-
-    }).catch((error) => {
-      console.log(error);
-    });
-  }
-
-  /**
-   * ScrollList 请求数据之前的函数
-   */
-  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 = ;
-    let search = from.title;
-    let 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;
-
-  }
-  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 = ;
-    let search = from.title;
-    let 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;
-
-  }
-  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 = ;
-    let search = from.title;
-    let 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;
-
-  }
-  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 = ;
-    let search = from.title;
-    let 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;
-
-  }
-  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 = ;
-    let search = from.title;
-    let 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 {*}
-   */
-  processData(data) {
-    this.setState({
-      ableClick: true
-    });
-    $('.empty-content').show();
-    return data;
-  }
-
-  /**
-   * 搜索栏，确认搜索
-   */
-  onSearch(searchValue) {
-
-    searchVal = searchValue;
-    var type = this.state.type;
-
-    if (type == "self") {
-      var url = 'approval/transaction/' + this.state.activeTabIndex + '/' + searchVal;
-      location.hash = url;
-    } else {
-      var url = 'approval/all/' + this.state.activeTabIndex + '/' + searchVal;
-      location.hash = url;
-    }
-
-    console.log(`onSearch>>${searchValue}`);
-    let noDataTip = '无搜索结果';
-    if (this.state.activeTabIndex == 0) {
-      this.setState({
-        search0: searchValue,
-        noDataTip0: noDataTip
-      });
-      const 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
-      });
-      const 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
-      });
-      const param = {
-        title: searchValue,
-        category: this.state.category2
-      }
-      this.refs.transaction_done_ref.fetchData(param);
-    } else if (this.state.activeTabIndex == 3) {
-      this.setState({
-        search3: searchValue,
-        noDataTip3: noDataTip
-      });
-      const param = {
-        title: searchValue,
-        category: this.state.category3
-      }
-      this.refs.transaction_read_ref.fetchData(param);
-    } else if (this.state.activeTabIndex == 4) {
-      this.setState({
-        search4: searchValue,
-        noDataTip4: noDataTip
-      });
-      const param = {
-        title: searchValue,
-        category: this.state.category4
-      }
-      this.refs.transaction_myself_ref.fetchData(param);
-    }
-  }
-
-  /**
-   * 退出搜索栏工具
-   */
-  onExit() {
-    // debugger;
-    console.log(`onExit!`);
-    let noDataTip = '暂无数据';
-    let searchValue = '';
-
-    var type = this.state.type;
-    if (type == "self") {
-      var url = 'approval/transaction/' + this.state.activeTabIndex;
-      location.hash = url;
-    } else {
-      var url = 'approval/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
-      });
-    }
-  }
-
-  onScrollRefresh() {
-  }
-  onLoad() {
-
-  }
-  //更新可点击状态
-  updateAbleClick(boolean) {
-    this.setState({
-      ableClick: boolean
-    });
-  }
-
-
-  //点击批量
-  clickBatch(boolean) {
-    this.setState({
-      isBatch: !boolean,
-      selectAll: true
-    });
-  }
-
-  //全选
-  selectAll() {
-    let 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
-      });
-    }
-  }
-
-  clickBatchButton() {
-    let t = this;
-    if (this.state.activeTabIndex == 0) {
-
-      //遍历循环选中
-      var taskIds = "";
-      var processInstanceIds = "";
-      let taskId = '';
-      let module = '';
-      $(".checked").map(function (index, item) {
-        taskIds += $(item).attr("data-taskid") + ",";
-        processInstanceIds += $(item).attr("data-processInstanceId") + ",";
-
-        if (index == 0) {
-          taskId = $(item).attr("data-taskid");
-          module = $(item).attr("data-module");
-        }
-      });
-      //alert(taskIds);
-      if (taskIds) {
-        taskIds = taskIds.substring(0, taskIds.length - 1);
-        processInstanceIds = processInstanceIds.substring(0, processInstanceIds.length - 1);
-      } else {
-        Toast.show({
-          type: 'error',
-          content: '请选择记录'
-        });
-        return;
-      }
-      console.log("taskIds===" + taskIds);
-      DB.FlowModuleAPI.batchValidateForm({
-        taskIds: taskIds
-      }).then((validateContent) => {
-
-        if (validateContent != null && validateContent.length > 0) {
-          var titles = '';
-          for (var s = 0; s < validateContent.length; s++) {
-            titles += validateContent[s].title + '、';
-          }
-          if (titles.length > 0) {
-            titles = titles.substring(0, titles.length - 1);
-            Toast.show({
-              type: 'success',
-              content: '批量提交失败，' + titles + '，存在必填项没有填写！'
-            });
-            return;
-          }
-        }
-        DB.FlowModuleAPI.getUndoTaskInfo({
-          taskId: taskId,
-          type: 0
-        }).then((taskContent) => {
-          let buttonCodes = taskContent.buttons;
-          let tasktype = taskContent.tasktype;
-          if (tasktype != 'radom') {
-            //是否有批示意见
-            let commentIsNotNull = taskContent.commentIsNotNull;//审批意见是否为空
-            if (!commentIsNotNull) {
-              commentIsNotNull = '0';
-            }
-            let hasCommentField = taskContent.hasCommentField;
-            if (!hasCommentField) {
-              hasCommentField = '0';
-            }
-            let commentType = taskContent.commentType;//审批意见类型
-            if (!commentType) {
-              commentType = '-1';
-            }
-
-            let signPicId = taskContent.signPicId;//签名图片id
-            if (!signPicId) {
-              signPicId = "-1";
-            }
-
-            //紧急
-            let urgent = taskContent.urgency;
-            if (!urgent) {
-              urgent = '0';
-            }
-
-            //是否有锁
-            let lock = taskContent.lock;
-
-            //流程编码
-            let code = taskContent.code;
-
-            //是否是起点
-            let isStart = taskContent.isStart == true ? "1" : "0";
-
-            location.hash = 'approval/batch/' + taskIds + "/" + processInstanceIds + "/1/" + code + "/" + hasCommentField + "/" + commentIsNotNull + "/" + commentType + "/" + signPicId + "/" + urgent + "/" + isStart + "/" + module + "?project=mobileportal";
-          } else {
-            Toast.show({
-              type: 'error',
-              content: '当前勾选的任务中，含有不支持批量通过的任务！',
-            });
-            return;
-          }
-        }).catch((error) => {
-          Toast.show({
-            type: 'error',
-            content: error.errorMsg,
-          });
-        });
-      }).catch((error) => {
-        Toast.show({
-          type: 'error',
-          content: error.errorMsg,
-        });
-      });
-
-    } else if (this.state.activeTabIndex == 1) {//待阅
-      var taskIds = "";
-      var processInstanceIds = "";
-      var module = "";
-      var permissionCode = "unRead";
-      $(".checked").map(function (index, item) {
-        taskIds += $(item).attr("data-taskid") + ",";
-        processInstanceIds += $(item).attr("data-processInstanceId") + ",";
-
-        if (index == 0) {
-          module = $(item).attr("data-module");
-        }
-      });
-
-      if (taskIds) {
-        taskIds = taskIds.substring(0, taskIds.length - 1);
-        processInstanceIds = processInstanceIds.substring(0, processInstanceIds.length - 1);
-      } else {
-        Toast.show({
-          type: 'error',
-          content: '请选择记录'
-        });
-        return;
-      }
-      DB.FlowModuleAPI.readCompleteTaskBatch({
-        taskIds: taskIds,
-        processInstanceIds: processInstanceIds,
-        module: module,
-        permissionCode: permissionCode,
-      }).then((content) => {
-        Toast.show({
-          type: 'success',
-          content: '已阅成功'
-        });
-        t.setState({
-          isBatch: false
-        });
-        t.refs.transaction_unread_ref.fetchData({
-          value: t.state.search1
-        });
-      }).catch((error) => {
-        Toast.show({
-          type: 'error',
-          content: error.errorMsg,
-        });
-      });
-    }
-
-  }
-
-  filterConfirm(data) {
-    let noDataTip = '暂无搜索结果';
-    const category = [];
-    if (data.sort) {
-      data.sort.map((item) => {
-        category.push(item.value)
-      })
-    }
-
-    if (this.state.activeTabIndex == 0) {
-      this.setState({
-        category0: category.join(','),
-        noDataTip1: noDataTip,
-        // categoryListTitle: category.join(',') || '全部分类'
-      })
-
-      const 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(',') || '全部分类'
-      })
-      const param = {
-        title: this.state.search1,
-        category: category.join(',')
-      }
-      this.refs.transaction_unread_ref.fetchData(param);
-
-    } else if (this.state.activeTabIndex == 2) {
-      this.setState({
-        category2: category.join(','),
-        noDataTip1: noDataTip,
-        // categoryListTitle: category.join(',') || '全部分类'
-      })
-      const param = {
-        title: this.state.search2,
-        category: category.join(',')
-      }
-      this.refs.transaction_done_ref.fetchData(param);
-
-    } else if (this.state.activeTabIndex == 3) {
-      this.setState({
-        category3: category.join(','),
-        noDataTip1: noDataTip,
-        // categoryListTitle: category.join(',') || '全部分类'
-      })
-      const param = {
-        title: this.state.search3,
-        category: category.join(',')
-      }
-      this.refs.transaction_read_ref.fetchData(param);
-
-    } else if (this.state.activeTabIndex == 4) {
-      this.setState({
-        category4: category.join(','),
-        noDataTip1: noDataTip,
-        // categoryListTitle: category.join(',') || '全部分类'
-      })
-      const param = {
-        title: this.state.search4,
-        category: category.join(',')
-      }
-      this.refs.transaction_myself_ref.fetchData(param);
-    }
-  }
-
-
-  render() {
-    const tabBarStyle = {};
-    let winHeightStyle = { height: this.state.winHeight };
-
-    const Item = (props) => <div className="demo-item">{`${props.id} ${props.name}`}</div>;
-    let undoDiv = <div> 待办{this.state.titleCount.undo == 0 ? '' : <span style={{ color: 'red' }}>({this.state.titleCount.undo})</span>}</div>;
-    let unreadDiv = <div> 待阅{this.state.titleCount.unread == 0 ? '' : <span style={{ color: 'red' }}>({this.state.titleCount.unread})</span>}</div>;
-    return (
-      <div className='approve-list'>
-        <Tab activeKey={this.state.activeTabIndex} onChange={this.handleTabChange.bind(this)} destroyInactiveTabPane={false}>
-          {this.state.tabCodes.indexOf('undo') >= 0 ?
-            <Tab.Item title={undoDiv}>
-              <HBox vAlign="center" className="t-BCf">
-                <Box flex={1}>
-                  <SearchBar ref="search_undo_ref" className="searchActive" {...this.searchBarProps} />
-                </Box>
-                <Box className={this.state.hasBatch ? this.state.isBatch ? "t-FCc t-PR16 t-FS14" : "theme-color t-PR16 t-FS14" : "t-DN"} onClick={this.clickBatch.bind(this, this.state.isBatch)}>
-                  批量
-                </Box>
-              </HBox>
-
-              {/* 过滤器 */}
-              <Filter
-                size={1}
-                activeIndex={1}
-                options={[
-                  {
-                    name: 'sort',
-                    title: this.state.categoryListTitle,
-                    type: 'select',
-                    multiSelect: true,
-                    items: this.state.categoryList
-                  },
-                ]}
-                onConfirm={(data) => { this.filterConfirm(data) }}></Filter>
-
-              <div className="scrollHeight" style={winHeightStyle}>
-                <ScrollList
-                  url={this.state.undoListUrl}
-                  dataType="json"
-                  pageSize={10}
-                  beforeFetch={this.beforeFetch0.bind(this)}
-                  processData={this.processData.bind(this)}
-                  ref='transaction_undo_ref'
-                  noDataImage={Variables.nodataIcon}
-                  currentPageKey="page"
-                  noDataTip={this.state.noDataTip0}
-                >
-                  <ListItem type="0" isBatch={this.state.isBatch} ableClick={this.state.ableClick} fromType={this.state.type} projectPath={this.state.projectPath} updateAbleClick={this.updateAbleClick.bind(this)} />
-                </ScrollList>
-              </div>
-
-            </Tab.Item>
-            : ""}
-
-          {this.state.tabCodes.indexOf('unread') >= 0 ?
-            <Tab.Item title={unreadDiv}>
-
-              <HBox vAlign="center" className="t-BCf">
-                <Box flex={1}>
-                  <SearchBar ref="search_unread_ref" className="searchActive" {...this.searchBarProps} />
-                </Box>
-                <Box className={this.state.hasBatch ? this.state.isBatch ? "t-FCc t-PR16" : "theme-color t-PR16" : "t-DN"} isBatch={this.state.isBatch} onClick={this.clickBatch.bind(this, this.state.isBatch)}>
-                  批量
-                </Box>
-              </HBox>
-
-              {/* 过滤器 */}
-              <Filter
-                size={1}
-                activeIndex={1}
-                options={[
-                  {
-                    name: 'sort',
-                    title: this.state.categoryListTitle,
-                    type: 'select',
-                    multiSelect: true,
-                    items: this.state.categoryList
-                  },
-                ]}
-                onConfirm={(data) => { this.filterConfirm(data) }}></Filter>
-
-              <div className="scrollHeight" style={winHeightStyle}>
-                <ScrollList
-                  url={this.state.unreadListUrl}
-                  dataType="json"
-                  pageSize={10}
-                  beforeFetch={this.beforeFetch1.bind(this)}
-                  processData={this.processData.bind(this)}
-                  ref='transaction_unread_ref'
-                  noDataImage={Variables.nodataIcon}
-                  currentPageKey="page"
-                  noDataTip={this.state.noDataTip1}
-                >
-                  <ListItem type="1" ableClick={this.state.ableClick} isBatch={this.state.isBatch} fromType={this.state.type} projectPath={this.state.projectPath} updateAbleClick={this.updateAbleClick.bind(this)} />
-                </ScrollList>
-              </div>
-            </Tab.Item>
-            : ""}
-
-          {this.state.tabCodes.indexOf('done') >= 0 ?
-            <Tab.Item title={"已办" + (this.state.titleCount.done == 0 ? '' : '(' + this.state.titleCount.done + ')')} >
-
-              <HBox vAlign="center" className="t-BCf">
-                <Box flex={1}>
-                  <SearchBar ref="search_done_ref" className="searchActive" {...this.searchBarProps} />
-                </Box>
-              </HBox>
-
-              {/* 过滤器 */}
-              <Filter
-                size={1}
-                activeIndex={1}
-                options={[
-                  {
-                    name: 'sort',
-                    title: this.state.categoryListTitle,
-                    type: 'select',
-                    multiSelect: true,
-                    items: this.state.categoryList
-                  },
-                ]}
-                onConfirm={(data) => { this.filterConfirm(data) }} ></Filter>
-
-              <div className="scrollHeight" style={winHeightStyle}>
-                <ScrollList
-                  url={this.state.doneListUrl}
-                  dataType="json"
-                  pageSize={10}
-                  beforeFetch={this.beforeFetch2.bind(this)}
-                  processData={this.processData.bind(this)}
-                  ref='transaction_done_ref'
-                  noDataImage={Variables.nodataIcon}
-                  currentPageKey="page"
-                  noDataTip={this.state.noDataTip2}
-                >
-                  <ListItem type="2" ableClick={this.state.ableClick} isBatch={this.state.isBatch} fromType={this.state.type} projectPath={this.state.projectPath} updateAbleClick={this.updateAbleClick.bind(this)} />
-                </ScrollList>
-              </div>
-            </Tab.Item>
-            : ""}
-
-          {this.state.tabCodes.indexOf('read') >= 0 ?
-            <Tab.Item title={"已阅" + (this.state.titleCount.read == 0 ? '' : '(' + this.state.titleCount.read + ')')} >
-
-              <HBox vAlign="center" className="t-BCf">
-                <Box flex={1}>
-                  <SearchBar ref="search_read_ref" className="searchActive" {...this.searchBarProps} />
-                </Box>
-              </HBox>
-
-              {/* 过滤器 */}
-              <Filter
-                size={1}
-                activeIndex={1}
-                options={[
-                  {
-                    name: 'sort',
-                    title: this.state.categoryListTitle,
-                    type: 'select',
-                    multiSelect: true,
-                    items: this.state.categoryList
-                  },
-                ]}
-                onConfirm={(data) => { this.filterConfirm(data) }}></Filter>
-
-              <div className="scrollHeight" style={winHeightStyle}>
-                <ScrollList
-                  url={this.state.readListUrl}
-                  dataType="json"
-                  pageSize={10}
-                  beforeFetch={this.beforeFetch3.bind(this)}
-                  processData={this.processData.bind(this)}
-                  ref='transaction_read_ref'
-                  noDataImage={Variables.nodataIcon}
-                  currentPageKey="page"
-                  noDataTip={this.state.noDataTip3}
-                >
-                  <ListItem type="3" ableClick={this.state.ableClick} isBatch={this.state.isBatch} fromType={this.state.type} projectPath={this.state.projectPath} updateAbleClick={this.updateAbleClick.bind(this)} />
-                </ScrollList>
-              </div>
-            </Tab.Item>
-            : ""}
-
-          {this.state.tabCodes.indexOf('myself') >= 0 ?
-            <Tab.Item title={"我的" + (this.state.titleCount.myself == 0 ? '' : '(' + this.state.titleCount.myself + ')')} >
-
-              <HBox vAlign="center" className="t-BCf">
-                <Box flex={1}>
-                  <SearchBar ref="search_myself_ref" className="searchActive" {...this.searchBarProps} />
-                </Box>
-              </HBox>
-
-              {/* 过滤器 */}
-              <Filter
-                size={1}
-                activeIndex={1}
-                options={[
-                  {
-                    name: 'sort',
-                    title: this.state.categoryListTitle,
-                    type: 'select',
-                    multiSelect: true,
-                    items: this.state.categoryList
-                  },
-                ]}
-                onConfirm={(data) => { this.filterConfirm(data) }}></Filter>
-
-              <div className="scrollHeight" style={winHeightStyle}>
-                <ScrollList
-                  url={this.state.myselfListUrl}
-                  dataType="json"
-                  pageSize={10}
-                  beforeFetch={this.beforeFetch4.bind(this)}
-                  processData={this.processData.bind(this)}
-                  ref='transaction_myself_ref'
-                  noDataImage={Variables.nodataIcon}
-                  currentPageKey="page"
-                  noDataTip={this.state.noDataTip4}
-                >
-                  <ListItem type="4" ableClick={this.state.ableClick} isBatch={this.state.isBatch} fromType={this.state.type} projectPath={this.state.projectPath} updateAbleClick={this.updateAbleClick.bind(this)} />
-                </ScrollList>
-              </div>
-            </Tab.Item>
-            : ""}
-        </Tab>
-
-        <div className={this.state.isBatch ? "t-bottom-fixed" : "t-DN"}>
-          <Button.Group>
-            <Button type="secondary" display="inline" onClick={this.selectAll.bind(this)}>{this.state.selectAll ? '全选' : '取消'}</Button>
-            <Button type="primary" display="inline"
-              onClick={this.clickBatchButton.bind(this)}>{this.state.activeTabIndex == 0 ? '通过' : '已阅'}</Button>
-          </Button.Group>
-        </div>
-      </div>
-    );
-  }
-}
-