meidu2021/daju/WebRoot/webpage/cn/com/lzt/cost/activiti/tmpcompany/statis.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<div class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">
    <t:datagrid name="list" checkbox="false" fitColumns="true" title="对外付款统计"
                actionUrl="tBActivitiCostPayTmpCompanyController.do?datagrid4statis" idField="id" fit="true" queryMode="group"
                sortName="createDate" sortOrder="desc">
     <t:dgCol title="所属部门"  field="depName"  queryMode="single"  width="120"></t:dgCol>
     <t:dgCol title="预计支付金额"  field="totalExpectMoney"  queryMode="single"  width="120"></t:dgCol>
     <t:dgCol title="申请支付金额"  field="totalPayMoney"  queryMode="single"  width="120"></t:dgCol>
     <t:dgCol title="已支付金额"  field="totalActualPayMoney"  queryMode="single"  width="120"></t:dgCol>
    </t:datagrid>
  </div>
 </div>

<div  name="searchColums" style="margin:23px 0 18px 0;">
 <table style="padding:0px" cellpadding="0" cellspacing="1" >
  <tr>
   <td align="right" style="width: 75px;">
        分组方式：
   </td>
   <td class="value">
       <label><input type="radio" name="group" value="depart" reset="false">按部门</label>
       <label><input type="radio" name="group" value="user"  reset="false">按用户</label>
    </td>
      <td align="right" style="width: 75px;">
          申请时间：
      </td>
      <td class="value">
          <input  id="startTime" name="startCreateTime" type="text" style="width: 150px" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endTime\')}'})"/>
          -<input id="endTime" name="endCreateTime" type="text" style="width: 150px" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'startTime\')}'})"/>
      </td>
   <td align="right" style="width: 50px;"></td>
   <td>
       <span id="departSearch">
         部门：
            <input id="departId" name="departId" type="hidden" style="width: 150px" class="inputxt" value="${param.departId}"/>
            <input id="depName" type="text" readonly="readonly" value="${param.depName}"/>
            <a href="javascript:void(0)" class="easyui-linkbutton" plain="true" icon="icon-select" id="dutiesSearch" onclick="selectAllDep()">选择</a>
        </span>
       <span id="userSearch" style="display:none">
            员工姓名：
            <input id="realName" name="realName" type="text"/>
       </span>
   </td>
  </tr>
 </table>
</div>

<%@include file="/webpage/cn/com/lzt/useractiviti/search.jsp"%>
<script src="webpage/cn/com/lzt/useractiviti/select_user_tools.js"></script>
<script type="text/javascript">
    var _gridId='list';
    var curGroup='${empty param.group?"depart":param.group}';
    $('input[name="group"][value="'+curGroup+'"]').attr('checked','checked');
    $('input[name="group"]').bind('click',function(){
        var val = $(this).val();
        if(val=='user'){
            $('#userSearch').show();
            $('#departSearch').hide();
        }else{
            $('#userSearch').hide();
            $('#departSearch').show();
        }
    })

    function pageSearch() {
        var selecteGroup=$('input[name="group"]:checked').val();
        if(selecteGroup != curGroup){
            curGroup = selecteGroup;
            changeGrid(selecteGroup);
          return false;
        }
        return true;
    }
    function changeGrid(group) {
        var opt =$("#list").datagrid('options');
        var width =120;
        var field ='';
        if(group=='depart') {
            opt.columns = [[
                {title: '所属部门', field: 'depName',width:width},
                {title: '预计支付金额', field: 'totalExpectMoney',width:width},
                {title: '申请支付金额', field: 'totalPayMoney',width:width},
                {title: '已支付金额', field: 'totalActualPayMoney',width:width}
            ]];
        }else {
            opt.columns = [[
                {title: '员工姓名', field: 'realName',width:width},
                {title: '预计支付金额', field: 'totalExpectMoney',width:width},
                {title: '申请支付金额', field: 'totalPayMoney',width:width},
                {title: '已支付金额', field: 'totalActualPayMoney',width:width}
            ]];
        }
        for(var i =0;i<opt.columns.length;i++){
            for(var j =0;j<opt.columns[i].length;j++) {
                field += ','+opt.columns[i][j].field;
            }
        }
        opt.url='tBActivitiCostPayTmpCompanyController.do?datagrid4statis&field='+field;
        var queryParams =_getParamObj();
        opt.queryParams = queryParams;
        opt.footer='';
        $("#list").datagrid(opt);
    }

</script>