<%@page import="com.sipai.tools.DateSpan"%>
<%@page import="com.sipai.tools.CommString"%>
<%@page import="com.sipai.entity.activiti.ProcessType"%>
<%@page import="com.sipai.entity.sparepart.SparePartCommString"%>
<%@page import="com.sipai.entity.maintenance.Maintenance"%>
<%@page import="com.sipai.entity.business.BusinessUnit"%>
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page import="com.sipai.entity.base.ServerObject"%>
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
<%request.setAttribute("MainPageType_Produce", CommString.MainPageType_Produce); %>
<%request.setAttribute("MainPageType_Security", CommString.MainPageType_Security); %>
<%request.setAttribute("MainPageType_Efficiency", CommString.MainPageType_Efficiency); %>
<%request.setAttribute("ChartType_Base", CommString.ChartType_Base); %>
<%request.setAttribute("ChartType_Gauge", CommString.ChartType_Gauge); %>
<%request.setAttribute("ChartType_Bar", CommString.ChartType_Bar); %>
<%request.setAttribute("ChartType_Line", CommString.ChartType_Line); %>
<%request.setAttribute("DateSpan_Year", DateSpan.YEAR); %>

<%request.setAttribute("Status_Cancel_Problem",Maintenance.Status_Cancel_Problem);%>
<%request.setAttribute("Status_Confirm_Maintainer",Maintenance.Status_Confirm_Maintainer);%>
<%request.setAttribute("Status_Cancel_Maintainer",Maintenance.Status_Cancel_Maintainer);%>
<%request.setAttribute("Status_CancelTOMaintainer",Maintenance.Status_CancelTOMaintainer);%>
<%request.setAttribute("Status_Submit_Problem",Maintenance.Status_Submit_Problem);%>
<%request.setAttribute("Status_Launch",Maintenance.Status_Launch);%>
<%request.setAttribute("Status_Edit",Maintenance.Status_Edit);%>
<%request.setAttribute("Status_Submit_Maintainer",Maintenance.Status_Submit_Maintainer);%>

<% request.setAttribute("UNIT_HANDLE", BusinessUnit.UNIT_HANDLE);%>
<% request.setAttribute("UNIT_AUDIT", BusinessUnit.UNIT_AUDIT);%>
<% request.setAttribute("UNIT_TEAM_HANDLE", BusinessUnit.UNIT_TEAM_HANDLE);%>
<% request.setAttribute("UNIT_OFFICE_HANDLE", BusinessUnit.UNIT_OFFICE_HANDLE);%>
<% request.setAttribute("UNIT_OUTSOURCING_HANDLE", BusinessUnit.UNIT_OUTSOURCING_HANDLE);%>
<% request.setAttribute("UNIT_RECEIVE_HANDLE", BusinessUnit.UNIT_RECEIVE_HANDLE);%>
<% request.setAttribute("UNIT_BASE_AUDIT", BusinessUnit.UNIT_BASE_AUDIT);%>
<% request.setAttribute("UNIT_PRODUCT_AUDIT", BusinessUnit.UNIT_PRODUCT_AUDIT);%>
<% request.setAttribute("UNIT_CENTER_AUDIT", BusinessUnit.UNIT_CENTER_AUDIT);%>

<% request.setAttribute("UNIT_SUBSCRIBE_AUDIT", BusinessUnit.UNIT_SUBSCRIBE_AUDIT);%>
<% request.setAttribute("UNIT_DEPT_APPLY", BusinessUnit.UNIT_DEPT_APPLY);%>
<% request.setAttribute("UNIT_INQUIRY", BusinessUnit.UNIT_INQUIRY);%>
<% request.setAttribute("B_Purchase", ProcessType.B_Purchase.getId());%>
<% request.setAttribute("I_Stock", ProcessType.I_Stock.getId());%>
<% request.setAttribute("UNIT_IN_STOCK_AUDIT", BusinessUnit.UNIT_IN_STOCK_AUDIT);%>
<% request.setAttribute("UNIT_IN_STOCK_HANDLE", BusinessUnit.UNIT_IN_STOCK_HANDLE);%>
<% request.setAttribute("O_Stock", ProcessType.O_Stock.getId());%>
<% request.setAttribute("UNIT_OUT_STOCK_AUDIT", BusinessUnit.UNIT_OUT_STOCK_AUDIT);%>
<% request.setAttribute("UNIT_OUT_STOCK_HANDLE", BusinessUnit.UNIT_OUT_STOCK_HANDLE);%>

<% request.setAttribute("ProcessType_ProcessAdjustment", ProcessType.B_ProcessAdjustment.getId());%>
<% request.setAttribute("UNIT_PROCESSADJUSTMENT_ADJUST", BusinessUnit.UNIT_PROCESSADJUSTMENT_ADJUST);%>
<% request.setAttribute("UNIT_PROCESSADJUSTMENT_AUDIT", BusinessUnit.UNIT_PROCESSADJUSTMENT_AUDIT);%>
<% request.setAttribute("UNIT_PROCESSADJUSTMENT_AUDIT_ANALYSIS", BusinessUnit.UNIT_PROCESSADJUSTMENT_AUDIT_ANALYSIS);%>
<% request.setAttribute("UNIT_PROCESSADJUSTMENT_HANDLE", BusinessUnit.UNIT_PROCESSADJUSTMENT_HANDLE);%>
<% request.setAttribute("M_Plan", ProcessType.Maintain_Plan.getId());%>
<% request.setAttribute("UNIT_Maintain_AUDIT", BusinessUnit.UNIT_Maintain_AUDIT);%>
<% request.setAttribute("UNIT_Maintain_HANDLE", BusinessUnit.UNIT_Maintain_HANDLE);%>

<% request.setAttribute("Stock_Check", ProcessType.Stock_Check.getId());%>
<% request.setAttribute("UNIT_STOCK_CHECK_AUDIT", BusinessUnit.UNIT_STOCK_CHECK_AUDIT);%>
<% request.setAttribute("UNIT_STOCK_CHECK_HANDLE", BusinessUnit.UNIT_STOCK_CHECK_HANDLE);%>

<% request.setAttribute("Lose_Apply", ProcessType.Lose_Apply.getId());%>
<% request.setAttribute("UNIT_LOSE_APPLY_AUDIT", BusinessUnit.UNIT_LOSE_APPLY_AUDIT);%>
<% request.setAttribute("UNIT_LOSE_APPLY_ADJUST", BusinessUnit.UNIT_LOSE_APPLY_ADJUST);%>

<% request.setAttribute("Sale_Apply", ProcessType.Sale_Apply.getId());%>
<% request.setAttribute("UNIT_SALE_APPLY_AUDIT", BusinessUnit.UNIT_SALE_APPLY_AUDIT);%>
<% request.setAttribute("UNIT_SALE_APPLY_ADJUST", BusinessUnit.UNIT_SALE_APPLY_ADJUST);%>

<% request.setAttribute("Scrap_Apply", ProcessType.Scrap_Apply.getId());%>
<% request.setAttribute("UNIT_SCRAP_APPLY_AUDIT", BusinessUnit.UNIT_SCRAP_APPLY_AUDIT);%>
<% request.setAttribute("UNIT_SCRAP_APPLY_ADJUST", BusinessUnit.UNIT_SCRAP_APPLY_ADJUST);%>

<% request.setAttribute("Transfers_Apply", ProcessType.Transfers_Apply.getId());%>
<% request.setAttribute("UNIT_TRANSFERS_APPLY_AUDIT", BusinessUnit.UNIT_TRANSFERS_APPLY_AUDIT);%>
<% request.setAttribute("UNIT_TRANSFERS_APPLY_ADJUST", BusinessUnit.UNIT_TRANSFERS_APPLY_ADJUST);%>
               
<% request.setAttribute("Acceptance_Apply", ProcessType.Acceptance_Apply.getId());%>
<% request.setAttribute("UNIT_ACCEPTANCE_APPLY_AUDIT", BusinessUnit.UNIT_ACCEPTANCE_APPLY_AUDIT);%>
<% request.setAttribute("UNIT_ACCEPTANCE_APPLY_ADJUST", BusinessUnit.UNIT_ACCEPTANCE_APPLY_ADJUST);%>

<%request.setAttribute("MAINTENANCE_TYPE_OVERHAUL",MaintenanceCommString.MAINTENANCE_TYPE_OVERHAUL); %>
<%request.setAttribute("MAINTENANCE_TYPE_MAINTAIN",MaintenanceCommString.MAINTENANCE_TYPE_MAINTAIN); %>
<%request.setAttribute("MAINTENANCE_TYPE_REPAIR",MaintenanceCommString.MAINTENANCE_TYPE_REPAIR); %>
<%request.setAttribute("MAINTENANCE_TYPE_DEFECT",MaintenanceCommString.MAINTENANCE_TYPE_DEFECT); %>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<!-- 引入slimscroll-->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/AdminLTE/js/jquery.slimscroll.min.js" charset="utf-8"></script>
 <!-- Ionicons -->
<link rel="stylesheet"  href="<%=request.getContextPath()%>/node_modules/ionicons/css/ionicons.min.css"/>

<script type="text/javascript" src="<%=request.getContextPath()%>/JS/mainPage.js" charset="utf-8"></script>
<style>
.main-header{display:none;}
.content-header{display:none;}
.main-footer{display:none;}
</style>
<script type="text/javascript">
var ChartType_Base='${ChartType_Base}';
var ChartType_Gauge='${ChartType_Gauge}';
var ChartType_Bar='${ChartType_Bar}';
var ChartType_Line='${ChartType_Line}';
var dateSpan='${DateSpan_Year}';
var beginTimeStore = '';
var endTimeStore = '';
function goToLocation(url){
    $.post(ext.contextPath +"/user/getMenuRelation.do",{location:url},function(data){
        console.info(data)
        if(data.length>2){
            doforward(url,data[2].id,data[1].id,data[0].id)
        }
      },'json');
    
}
var addProblemFun = function() {
    $.post(ext.contextPath + '/maintenance/addProblem.do', {} , function(data) {
        $("#subDiv").html(data);
        openModal('subModal');
    }); 
};
var addDetailFun = function() {
    $.post(ext.contextPath + '/maintenance/addDetail.do',  function(data) {
        $("#subDiv").html(data);
        openModal('subModal');
    }); 
};

function getCompanies(){
  $("#table_companies").bootstrapTable({ // 对应table标签的id
        url: ext.contextPath + '/maintenance/getManageCompaniesWithResult.do', // 获取表格数据的url
        cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
        striped: true,  //表格显示条纹，默认为false
     /*    pagination: false, // 在表格底部显示分页组件，默认false
        pageList: [10, 20,50], // 设置页面可以显示的数据条数
        pageSize: 5000, // 页面数据条数
        pageNumber: 1, // 首页页码
        sidePagination: 'server', // 设置为服务器端分页 */ 
        queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
            return {
                rows: params.limit, // 每页要显示的数据条数
                page: params.offset/params.limit+1, // 每页显示数据的开始页码
                sort: params.sort, // 要排序的字段
                order: params.order, // 排序规则
                search_name: $('#search_name').val()
            }
        },
        /* sortName: 'id', // 要排序的字段
        sortOrder: 'desc', // 排序规则 */
        columns: [
            {
                field: 'index', // 返回json数据中的name
                title: '序号', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter: function (value, row, index) {
                    return index+1;
                }
            },{
                field: 'name', // 返回json数据中的name
                title: '客户', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter: function (value, row, index) {
                  return row.company.name;
                }
            },{
                field: 'totalNum', // 返回json数据中的name
                title: '总数', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            },{
                field: 'maintenanceNumAll', // 返回json数据中的name
                title: '发单数目', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            },{
                field: 'taskNumAll', // 返回json数据中的name
                title: '任务数目', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            },{
                field: 'supplementNumAll', // 返回json数据中的name
                title: '补录数目', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            },{
                field: 'maintainNumAll', // 返回json数据中的name
                title: '保养数目', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            }
        ],
        onLoadSuccess: function(data){  //加载成功时执行
            adjustBootstrapTableView("table_companies");
            $('#companiesTitle').text("运维客户总数:"+data.length+"");
        },
        onLoadError: function(){  //加载失败时执行
              console.info("加载数据失败");
        }
  
  });
  
}


var initialInfo =function(){
  initialMainPageType('mainpage_container',unitId,'${cu.id}');
  //initialMainPageType('mainpage_container',$("#bizId").val(),'${cu.id}');
  /* initialProduceBase('produceBase');
  initialProduceGauge('produceGauge');
  initialProduceBarAndLine('produceBarALine');
  initialEfficiencyBase('efficiencyBase');
    initialEfficiencyGauge('efficiencyGauge');
    initialEfficiencyBarAndLine('efficiencyBarALine');
    initialSecurityBase('securityBase');
     */
  
}

$(function() {
  var flag = IsApp();
  if (flag==true){
    
  }else{
    $(".main-header").show();
    $(".content-header").show();
    $(".main-footer").show();
  }
  
  
  //20200106屏蔽以下两行代码  YYYY-MM-DD HH:mm:ss
  //beginTimeStore = moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm');;
   // endTimeStore = moment().format('YYYY-MM-DD HH:mm');
  // beginTimeStore=moment().startOf('month').format('YYYY-MM-DD HH:mm:ss');
   //endTimeStore=moment().endOf('month').format('YYYY-MM-DD HH:mm:ss');
   //console.log("beginTimeStore====="+beginTimeStore);
   //console.log("endTimeStore====="+endTimeStore);
   
    /*
  $.post(ext.contextPath + "/user/getSearchBizsByUserId4Select.do", {}, function(data) {
        var selelct =$("#bizId").select2({
               data: data,
               placeholder:'请选择',//默认文字提示
               allowClear: false,//允许清空
               escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
               language: "zh-CN", 
               minimumInputLength: 0,
               minimumResultsForSearch: 10,//数据超过十个启用搜索框
               formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
               formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
         }); 
         selelct.on("change",function(e){
           initialInfo();
          }); 
         if(data.length==1){
            //选择厂区为一个厂时隐藏选择框
            selelct.val(data[0].id).trigger("change");
            $("#bizId").next().css("display", "none");
            $("#companyName").text($("#bizId").text());
        }else{
            selelct.val("").trigger("change");
            $("#companyName").css("display", "none");
        };
        fixSelect2ToTool('bizId');
     },'json'); 
   */
 //简易公司combotree
   // $.post(ext.contextPath + '/user/getUnitForTree_Selected.do', { ng: '' }, function (data) {
   //     if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
   //         //当登陆者的pid以下没有子节点时显示单独一个span
   //         $("#search_pid").val(data[0].id);
   //         $("#companyselect").hide();
   //         $("#companyName").text("公司: " + data[0].text);
   //         bizId = data[0].id;
   //         initialInfo();
   //     } else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
   //         //第一次加载时赋值
   //         $("#search_pid").val(data[0].id);
   //         $("#cname_input").val(data[0].text);
   //         bizId = data[0].id;
   //         initialInfo();
   //         //$table.bootstrapTable('refresh');//异步加载重新刷新，待修改
   //         $('#companytree').treeview({
   //             data: data,
   //             showBorder: false,
   //             levels: 3,
   //         });
   //         $('#companytree').on('nodeSelected', function (event, data) {
   //             $("#search_pid").val(data.id);
   //             $("#cname_input").val(data.text);
   //             document.getElementById('ul_tree').style.display = "none";
   //             bizId= data.id;
   //             $("#mainpage_container").empty();
   //             initialDefaultMainPageType('mainpage_container',bizId,'${cu.id}');
                
   //         });
   //     } else {
   //         //待完善
   //     };
   // }, 'json');
   
   //防止点击树的+号收起下拉框
   $("#ul_tree").on("click", function (e) {
       event.stopPropagation();
   });
   //点击空白隐藏树
   $(document).click(function (e) {
       var divTree = $('#ul_tree');   // 设置目标区域
       if (!divTree.is(e.target) && divTree.has(e.target).length === 0) {
           divTree.hide()
       }
   })
    getCompanies(); 
    $(".connectedSortable").sortable({
      stop:function(e,info){
        refreshMainPagePosition('mainpage_container','${cu.id}');
      }
    });
    
    $("#table").bootstrapTable({ // 对应table标签的id
        url: ext.contextPath + '/activiti/workflow/getTaskList.do', // 获取表格数据的url
        cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
        striped: true,  //表格显示条纹，默认为false
        pagination: true, // 在表格底部显示分页组件，默认false
        pageList: [10, 20,50], // 设置页面可以显示的数据条数
        pageSize: 50, // 页面数据条数
        pageNumber: 1, // 首页页码
        sidePagination: 'server', // 设置为服务器端分页
        queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
            return {
                rows: params.limit, // 每页要显示的数据条数
                page: params.offset/params.limit+1, // 每页显示数据的开始页码
                sort: params.sort, // 要排序的字段
                order: params.order,
                search_name : unitId
            }
        },
        sortName: 'id', // 要排序的字段
        sortOrder: 'desc', // 排序规则
        onClickRow:function(row){
          //viewTaskTraceFun(row.processInstance.id,row.processDefinition.id,row.task.id);
          goToTaskList();
        }, 
        columns: [
            {
                field: 'name', // 返回json数据中的name
                title: '流程名称', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                //events: operateEvents
            },{
                field: 'createTime', // 返回json数据中的name
                title: '任务下发时间', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter:function(value, row){
                    return row.task.createTime;
                } 
            },{
                field: 'companyname', // 返回json数据中的name
                title: '问题厂区', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter:function(value, row){
                    return row.business==null?'':row.business.company.name;
                } 
            },{
                field: 'problem', // 返回json数据中的name
                title: '问题描述', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter:function(value, row){
                    return row.business==null?'':row.business.problem;
                } 
            },{
                field: 'taskName', // 返回json数据中的name
                title: '任务节点', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle',
                formatter:function(value, row){
                    return row.task.name;
                } 
            },
            /*
            {
              field: 'op', 
                title: "操作",
                align: 'center',
                valign: 'middle',
                width: 80, // 定义列的宽度，单位为像素px
                formatter: function (value, row, index) {
                    var str = '';
                    
                    if(!row.task.assignee){
                        str += '<button class="btn btn-default btn-sm" onclick="claimFun(\''+row.task.id+'\')" data-toggle="tooltip" title="签收"><i class="fa fa-tag"></i><span class="hidden-md hidden-lg"> 签收</span></button>';
                    }else{
                      if(row.type.indexOf('${Type_Detail}')!=-1){
                        str += '<button class="btn btn-default btn-sm" onclick="viewDetailFun(\''+row.processInstance.businessKey+'\',\''+row.type+'\')" data-toggle="tooltip" title="查看详情"><i class="fa fa-history"></i><span class="hidden-md hidden-lg"> 查看详情</span></button>'
                      }
                      str += '<button class="btn btn-default btn-sm" onclick="gotoTaskFun(\''+row.type+'\',\''+row.business.status+'\',\''+row.processInstance.id+'\',\''+row.task.id+'\',\''+row.processInstance.businessKey+'\');" data-toggle="tooltip" title="处理"><i class="fa fa-play"></i><span class="hidden-md hidden-lg"> 处理</span></button>';
                    }
                    str='<div class="btn-group" >'+str+'</div>';
                    return str;
                }
            }
            */
        ],
        onLoadSuccess: function(){  //加载成功时执行
            adjustBootstrapTableView("table");
            //查看过待办，就清除之前的待办id
            sessionStorage.setItem("businessKey", "");
        },
        onLoadError: function(){  //加载失败时执行
              console.info("加载数据失败");
        }
  
  })
  
/*    setInterval(function(){
     refreshMainPage();
  }, 360000);  */
});


function refreshMainPage(){
  window.location.reload();
};

</script>

</head>
   <body onload="initMenu();" class="hold-transition ${cu.themeclass} sidebar-mini">
  <div class="wrapper">
      <%-- <!-- 引用top -->
     <%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
      <!-- 菜单栏 -->
      <%-- <jsp:include page="/jsp/left.jsp"></jsp:include>  --%> 
      <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <!-- <section class="content-header">
        <h1 id ="head_title">
                          首页
        </h1>
        <ol class="breadcrumb">
             <li><a id ='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
        </ol>
      </section> -->
    
      <!-- Main content -->
      <section class="content container-fluid ">
        <div id="subDiv"></div> 
        <div id="fileInputDiv"></div> 
        <div id="user4SelectDiv"></div> 
            <div id="fault4SelectDiv"></div> 
            <!-- 
            <div class="form-group " style="margin-bottom:10px;">
                <label class="form-label" >公司:</label>
                <select class="form-control select2 "  id="bizId" name ="bizId" style="width: 220px;"></select>
                <span  id="companyName" style="width:220px;border: none;background: transparent;" ></span>
            </div>
             -->
            <!-- <div class="form-group " style="margin-bottom:10px;">
                <input id="search_pid" name="search_pid" type="hidden" />
                <span id="companyName" style="height:31px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold"></span> 
            </div>
            <ul id="companyselect" style="list-style-type:none;padding-left:0px;width:300px;">
                <li class="dropdown" style="width:300px;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                        style="width:300px;" onclick="document.getElementById('ul_tree').style.display = 'block';">
                        <div class="input-group">
                            <span class="input-group-addon"
                                style="height:31px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">公司:</span>
                            <input class="form-control " id="cname_input" name="cname_input"
                                style="height:31px;width: 220px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;"
                                readonly />
                        </div>
                    </a>
                    <ul id="ul_tree" class="dropdown-menu" data-stopPropagation="true">
                        <li class="header">
                            <div id="companytree" style="width: 275px;overflow:auto;"></div>
                        </li>
                    </ul>
                </li>
            </ul> -->
            <!-- <div class="row connectedSortable" >
        <div class="col-lg-6 col-xs-12" style="margin-left: 0px">
             <div class="box box-primary" style="padding-bottom:10px;">
                     <div class="box-header ui-sortable-handle">
                           <i class="ion ion-clipboard"></i>
                           <h3 class="box-title">当前待办</h3>
                            <div class="box-tools pull-right">
                                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                    </button>
                                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i>
                                    </button>
                             </div>
                      </div>
                      /.box-header
                      <div class="box-body" id="curThingsBoxBody" style="overflow: hidden; width: auto;">
                <table id="table"></table>
                       </div>   
              </div>
        </div>
       </div> -->
       <div class="row">
         <div class="col-md-12 col-xs-12">
          <img src="<%=request.getContextPath()%>/IMG/main.jpg" alt="Image">
         </div>
       </div>
        <div class="row connectedSortable" id="mainpage_container"></div>
      </section>
      <!-- /.content -->
    </div>
      <%--   <jsp:include page="/jsp/bottom.jsp"></jsp:include>  --%>
     <%-- <jsp:include page="/jsp/side.jsp"></jsp:include>   --%>
  </div>
</body>
<!-- 文件上传-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js" charset="utf-8"></script>
<!-- bootstrap-switch-->
<link rel="stylesheet"  href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js" charset="utf-8"></script>
<!-- echarts-->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/macarons.js" charset="utf-8"></script>
<!-- 引入daterangepicker-->
<link rel="stylesheet"  href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js" charset="utf-8"></script>
<script src="<%=request.getContextPath()%>/JS/activiti/workflow.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/JS/qtip/jquery.qtip.min.js" type="text/javascript"></script>
<%-- 引入CSS --%>
<link rel="stylesheet" href="<%=request.getContextPath()%>/JS/qtip/jquery.qtip.min.css" type="text/css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/style-activiti.css" type="text/css">
<!--bootstrap-edittable 表格行内编辑 -->
<link rel="stylesheet"  href="<%=request.getContextPath()%>/plugins/bootstrap-editable/css/bootstrap-editable.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-editable.js" charset="utf-8"></script> 
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-table-editable.js" charset="utf-8"></script> 
</html>