meidu2021/daju/WebRoot/webpage/cn/com/lzt/userwage/userWageViewBudgetList.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,autocomplete"></t:base>
<div class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">
  <t:datagrid name="userWageList" pagination="false" autoLoadData="false" checkbox="false" fitColumns="false" title="加班预算执行表" actionUrl="userWageController.do?datagridbudget" idField="id" fit="true" queryMode="group">
   <t:dgCol title="主键"  field="departid"  hidden="true"  sortable="false" queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="项目管理处" field="departname" sortable="false" queryMode="single"  width="220"></t:dgCol>
   <t:dgCol title="工资月度" align="center" sortable="false" query="false" field="yearmonth" queryMode="single" width="120"></t:dgCol>
   <t:dgCol title="项目加班费预算" align="right" sortable="false"  field="projovertimebudget" queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="项目加班费发生额" align="right" sortable="false" field="projovertime" queryMode="single" formatterjs="projovertimecolor"  width="120"></t:dgCol>
   <t:dgCol title="国定加班费预算" align="right" sortable="false" field="govovertimebudget"  queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="国定加班费发生额" align="right" sortable="false" field="govovertime" formatterjs="govovertimecolor"  queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="值班费预算" align="right" sortable="false" field="ondutybudget"  queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="值班费发生额" align="right" sortable="false" field="onduty" formatterjs="ondutycolor" queryMode="single"  width="120"></t:dgCol>
   <t:dgToolBar title="导出" icon="icon-put" operationCode="put"  funname="ExportXls"></t:dgToolBar>
  </t:datagrid>
  	</div>
   <script>
    $(function() {
        var datagrid = $("#userWageListtb");
        datagrid.prepend($("#pinjie1 div[name='pinjie2']").html());
        $("#pinjie1").html('');
        
        
        datagrid.children(".datagrid-toolbar").children("span:first").after($("#pinjiechaxun1 div[name='pinjiechaxun2']").html());
        $("#pinjiechaxun1").html('');
	});
    
    function ondutycolor(value,row,index){
    	if(row['ondutybudget'] && row['onduty'] > row['ondutybudget']){
    		return "<span style='color:#FF0033 ;'>"+value+"</span>"
    	}
    	else
    		return value;
    }
    function govovertimecolor(value,row,index){
    	if(row['govovertimebudget'] && row['govovertime'] > row['govovertimebudget']){
    		return "<span style='color:#FF0033 ;'>"+value+"</span>"
    	}
    	else
    		return value;
    }
    function projovertimecolor(value,row,index){
    	if(row['projovertimebudget'] && row['projovertime'] > row['projovertimebudget']){
    		return "<span style='color:#FF0033 ; '>"+value+"</span>"
    	}
    	else
    		return value;
    }
  </script>
  <div id="pinjie1">
	    <div name="pinjie2"  style="padding:3px; height: auto" class="datagrid-toolbar">
	    <div name="searchColums" style="margin:23px 0 18px 0;">
         <table style="padding:0px" cellpadding="0" cellspacing="1" >
				<tbody>
					<tr>
						<td align="right" style="width: 74px;">
							<label class="Validform_label">
								项目名称:
							</label>
						</td>
						<td class="value" colspan="3">
							<t:autocomplete entityName="TSDepart" searchField="departname" labelField="departname" name="departname" valueField="id" hiddenInputId="pjtId" width="250"
								 scrollWidth="400" scrollHeight="400" ></t:autocomplete>
							<input id="pjtId" name="pjtId" type="hidden" value="">
						</td>
						<td align="right" style="width: 74px;">
							<label class="Validform_label">
							<span color="red" class="requiredIcon">*</span>
								工资月度:
							</label>
						</td>
						<td class="value">
							 <input class="Wdate" id="monthly" name="monthly" style="width: 157px; height: 28px;border-radius: 3px;" onClick="WdatePicker({readOnly:true,enableKeyboard:false,enableInputMask:false,dateFmt: 'yyyy-MM'})"/>
						</td>
					</tr>
				</tbody>
			</table>
			</div>
	    </div>
	</div>
	
	<div id="pinjiechaxun1">
	    <div name="pinjiechaxun2"  style="padding:3px; height: auto" class="datagrid-toolbar">
	    	<span style="float:right;margin-bottom:4px;">
	    		<span>
		    		<a href="#" class="easyui-linkbutton" plain="true" icon="icon-search" id="personnelBaseArchivesManageSearch" onclick="doSearch()">查询</a>
		    	</span>
		    	<span>
		    		<a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload " id="personnelBaseArchivesManageRedo" onclick="searchReset('userWageList')">重置</a>
		    	</span>
	    	</div>
	    </div>
	</div>
 </div>
 <script src = "webpage/cn/com/lzt/userwage/userWageList.js"></script>		
 <script type="text/javascript">
 
 $(function(){
 });
 
//导入
function ImportXls() {
	openuploadwin('Excel导入', 'userWageController.do?upload', "userWageList");
}

//导出
function ExportXls() {
	var monthly = $("#monthly").val();
	if(monthly ==null||monthly ==''){
		layer.alert('请选择工资月度');
		return false;
	}
	JeecgExcelExport("userWageController.do?exportXlsBudget","userWageList");
}


	function doSearch() {
		try {
				if (!$("#userWageListForm").Validform({
					tiptype : 3
				}).check()) {
					return false;
				}
			} catch (e) {
		}
		var monthly = $("#monthly").val();
		if(monthly ==null||monthly ==''){
			layer.alert('请选择工资月度');
			return false;
		}
		userWageListsearch();
	}
	</script>