meidu2021/daju/WebRoot/webpage/cn/com/lzt/contractreports/contractService4FinanceDeptRpt.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 id="main_contract_list" class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">
  <t:datagrid name="contractList" pagination="false" fitColumns="true" autoLoadData="false" title="项目维保合同执行表" actionUrl="contractReportsController.do?contractService4FinanceDeptRptData" idField="id" fit="true" queryMode="group">
   <t:dgCol title="主键"  field="id"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="管理处"  field="projectname"  query="false"  queryMode="single"  width="150"></t:dgCol>
   <t:dgCol title="项目编码"  field="projectcode"  hidden="true" query="false"  queryMode="single"  width="100"></t:dgCol>
   <t:dgCol title="合同支出"  field="totalamount"  query="false" formatterjs="formatterNum" align="right" queryMode="single"  width="100"></t:dgCol>
   <t:dgCol title="今年已付"  field="totalpayment"  query="false" formatterjs="formatterNum" align="right" queryMode="single"  width="100"></t:dgCol>
   <t:dgCol title="今年未付"  field="nopay"  query="false" formatterjs="formatterNum" align="right" queryMode="single"  width="100"></t:dgCol>
   <t:dgCol title="每月合同支出"  field="permonthamount" query="false"  formatterjs="formatterNum" align="right" queryMode="single"  width="100"></t:dgCol>
   <t:dgCol title="本季预提"  field="quarterlyNoPay" style="color:red;" formatterjs="formatterNum" align="right"   queryMode="single"  width="100"></t:dgCol>
  <%--  <t:dgToolBar title="项目维保费用合同" icon="icon-detail"  funname="temp"></t:dgToolBar> --%>
   <t:dgToolBar title="导出" icon="icon-put" operationCode="put"  funname="ExportXls"></t:dgToolBar>
   
  </t:datagrid>
  </div>
 </div>
  <script type="text/javascript" src="plug-in/tools/money.js"></script>
 <script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js"></script>
  <script>
    $(function() {
        var datagrid = $("#contractListtb");
        datagrid.prepend($("#pinjie1 div[name='pinjie2']").html());
        $("#pinjie1").html('');
        
        
        datagrid.children(".datagrid-toolbar").children("span:first").after($("#pinjiechaxun1 div[name='pinjiechaxun2']").html());
        $("#pinjiechaxun1").html('');
	});
  </script>
  <div id="pinjie1">
	    <div name="pinjie2"  style="padding:3px; height: auto" class="datagrid-toolbar">
	    <div name="searchColums" style="margin:23px 0 18px 0;margin-top: 15px;margin-bottom: 8px;">
	   <%--  <input type="hidden" id="orgCode" name="orgCode" value="${orgCode}"> --%>
         <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">
							<input readonly="true" type="text" id="projectName" name="projectName" style="width: 157px" placeholder="请选择项目名称" onclick="openDepartmentSelect()">
							<input id="projectid" name="projectid" type="hidden" value="">
							<a href="#" class="easyui-linkbutton" plain="true" icon="icon-select" id="departSearch" onclick="openDepartmentSelect()">选择</a>
							<a href="#" class="easyui-linkbutton" plain="true" icon="icon-clean" id="departRedo" onclick="callbackClean()">清空</a>
						</td>
						<td align="right" style="width: 74px;">
							<label class="Validform_label">
								月   度:
							</label>
						</td>
						<td class="value">
						     <input id="period" name="period" type="text" style="width: 150px" class="Wdate" readonly="readonly" value="${period}"  
							onClick='WdatePicker({readOnly:true,enableKeyboard:false,enableInputMask:false,dateFmt: "yyyyMM"})'  datatype="*"  ignore="ignore" />  
						</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="contractListSearch" onclick="contractListsearch()">查询</a>
		    	</span>
		    	<span>
		    		<a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload " id="contractListRedo" onclick="searchReset('contractList')">重置</a>
		    	</span>
	    	</div>
	    </div>
	</div>
 </div>	
 <script type="text/javascript">

//选择项目名称,列表================
function openDepartmentSelect() {
	//$.dialog.setting.zIndex = getzIndex(); 
	var orgIds = $("#projectid").val();
	/* var orgCode = $("#orgCode").val();*/
		$.dialog({
			content: 'url:publicpageController.do?projectSelect&ids='+orgIds, zIndex:  getzIndex(), title: '项目名称列表', lock: true, width: '600px', height: '350px', opacity: 0.4, button: [
		    {name: '<t:mutiLang langKey="common.confirm"/>', callback: function (){
			   var iframe = this.iframe.contentWindow;
	  	    	if(iframe.getReason().length>0){
	  	    		var strData=eval(iframe.getReason());
	  	    		for(var key in strData[0]){
		    			if(key=="strId"){
		    				$("#projectid").val(strData[0][key]);
		    			}else if(key=="strName"){
		    				$("#projectName").val(strData[0][key]);
		    			}
		    		}
	  	    	}
		   }, focus: true},
		   {name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){}}
		   
	   ]}).zindex();
}
//导出
function ExportXls() {
	JeecgExcelExport("contractReportsController.do?exportXls4ExecuteContractSerivceRpt","contractList");
}
function callbackClean(){
	$('#projectName').val('');
	$('#projectid').val('');	
}
function temp(){
}
 </script>