baozhangfang/WebRoot/WEB-INF/jsp/renovationContract/detail.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>

<script type="text/javascript">
var detail_load = function(id){
	$.ajax({
		type: "post",//使用get方法访问后台
		dataType: "json",//返回json格式的数据
		url: "renovationContractAction_findById",//要访问的后台地址
		data: "renovationContract.id="+id,//要发送的数据
		complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		success: function(msg){//msg为返回的数据，在这里做数据绑定
          	$("#contractName_detail").text(msg.obj.name);
          	$("#contractNumber_detail").text(msg.obj.number);
          	$("#tenderName_detail").text(msg.obj.tender.name);
          	$("#b_detail").text(msg.obj.b);
          	$("#contractMoney_detail").text(msg.obj.money);
          	$("#constructionPaymentMethod_detail").text(msg.obj.paymentMethod);
          	$("#contractContent_detail").text(msg.obj.content);
          	$("#contractDate_detail").text(dealDate(msg.obj.contractDate));
          	$("#constructionAmountPaid_detail").text(msg.obj.amountPaid);
          	
          	for(var i=0;i< msg.obj.contractFile.length;i++){
			var $file = $("<div style='display: inline-block;'><a style='padding-right:10px;' href=<%=basePath %>/"+msg.obj.contractFile[i].filePath+" download="+msg.obj.contractFile[i].fileName+">"+msg.obj.contractFile[i].fileName+"</a><div>");
          		$("#contractFile_detail_file").append ($file);
          	}
        }
	});
	
	$('#constructionListDataGrid').datagrid({
		rownumbers:true,
		pageSize:10,
		pageList : [ 10, 20, 30, 40, 50 ],
		fitColumns:false,
		border:false,
		sortOrder:'desc',
		pagination:true,
		url:whzl.basePath + '/constructionAction_list?construction.renovationContract.id='+id,
		nowrap:true,
		loadFilter:function(result){
			if(result.success){
				return result.obj;
			}else{
				$.messager.alert("提示",result.message);
				return ;
			}							
		}
	});
	
	$('#changeListDataGrid').datagrid({
		rownumbers:true,
		pageSize:10,
		pageList : [ 10, 20, 30, 40, 50 ],
		fitColumns:false,
		border:false,
		sortOrder:'desc',
		pagination:true,
		url:whzl.basePath + '/decorationChangeAction_list?decorationChange.renovationContract.id='+id,
		nowrap:true,
		loadFilter:function(result){
			if(result.success){
				return result.obj;
			}else{
				$.messager.alert("提示",result.message);
				return ;
			}							
		}
	});
	
	$('#acceptanceListDataGrid').datagrid({
		rownumbers:true,
		fitColumns:false,
		border:false,
		sortOrder:'desc',
		url:whzl.basePath + '/decorationAcceptanceAction_list?decorationAcceptance.renovationContract.id='+id,
		nowrap:true,
		loadFilter:function(result){
			if(result.success){
				return result.obj;
			}else{
				$.messager.alert("提示",result.message);
				return ;
			}							
		}
	});
	
	$('#paymentListDataGrid').datagrid({
		rownumbers:true,
		pageSize:10,
		pageList : [ 10, 20, 30, 40, 50 ],
		fitColumns:false,
		border:false,
		sortOrder:'desc',
		pagination:true,
		url:whzl.basePath + '/decorationPaymentAction_list?decorationPayment.renovationContract.id='+id,
		nowrap:true,
		loadFilter:function(result){
			if(result.success){
				return result.obj;
			}else{
				$.messager.alert("提示",result.message);
				return ;
			}							
		}
	});
}

/**格式化时间*/
var dateFormatter = function(value,row,index){
	return dealDate(value);
};

/**详细*/
var constructionDetailFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=constructionDetails(" + row.id + ") style='cursor:pointer' />";
};

/**详细页面对话框*/
var constructionDetails = function(id){
	$("#constructionDetailDialog").dialog(
		{
			buttons : [
				{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#constructionDetailDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 detail_load(id);
			}
		}
	);
};

/**详细*/
var changeFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=changeDetails(" + row.id + ") style='cursor:pointer' />";
};

/**详细页面对话框*/
var changeDetails = function(id){
	$("#changeDetailDialog").dialog(
		{
			buttons : [
				{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#changeDetailDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 detail_load(id);
			}
		}
	);
};

/**详细*/
var acceptanceFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=acceptanceDetails(" + row.id + ") style='cursor:pointer' />";
};

/**详细页面对话框*/
var acceptanceDetails = function(id){
	$("#acceptanceDetailDialog").dialog(
		{
			buttons : [
				{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#acceptanceDetailDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 detail_load(id);
			}
		}
	);
};

/**详细*/
var paymentFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=paymentDetails(" + row.id + ") style='cursor:pointer'/>";
};

/**详细页面对话框*/
var paymentDetails = function(id){
	$("#paymentDetailDialog").dialog(
		{
			buttons : [
				{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#paymentDetailDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 detail_load(id);
			}
		}
	);
};
</script>
	<div class="easyui-tabs" id="tabs_update">
		<div title="合同信息" id="htxx_update">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th width="15%">合同编号</th>
					<td width="35%">
						<span id="contractNumber_detail"></span>
					</td>
					<th width="15%">合同名称</th>
					<td width="35%">
						<span id="contractName_detail"></span>
					</td>
				</tr>
				<tr>
					<th>合同时间</th>
					<td>
						<span id="contractDate_detail"></span>
					</td>
					<th>合同金额</th>
					<td>
						<span id="contractMoney_detail"></span>
					</td>
				</tr>
				<tr>
					<th>装修招标</th>
					<td colspan="3">
						<span id="tenderName_detail"></span>
					</td>
				</tr>
				<tr>
					<th>装修单位</th>
					<td colspan="3">
						<span id="b_detail"></span>
					</td>
				</tr>
				<tr>
					<th>已付款</th>
					<td colspan="3">
						<span id="constructionAmountPaid_detail"></span>
					</td>
				</tr>
				<tr>
					<th>付款方式</th>
					<td colspan="3">
						<span id="constructionPaymentMethod_detail"></span>
					</td>
				</tr>
				<tr>
					<th>合同内容</th>
					<td colspan="3">
						<span id="contractContent_detail"></span>
					</td>
				</tr>
			</table>
		</div>
		<div title="合同文件" id="htwj_update">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th width="20%">合同文件</th>
					<td width="80%">
						<span id="contractFile_detail_file">
						</span>
					</td>
				</tr>
			</table>
		</div>
		<div title="施工记录" id="sgjl_detail">
			<table id="constructionListDataGrid">
	        	<thead>  
	        		<tr>
	            		<th data-options="field:'constructionDate',sortable:true,width:100,formatter:dateFormatter">施工时间</th>
	            		<th data-options="field:'content',sortable:true,width:400">施工内容</th>
	            		<th data-options="field:'details',align:'center',width:60,formatter:constructionDetailFormatter">查看详情</th>
	        		</tr>  
	    		</thead>
			</table>
		</div>
		<div title="装修变更记录" id="zxbg_detail">
			<table id="changeListDataGrid">
	        	<thead>  
	        		<tr>
	            		<th data-options="field:'title',sortable:true,width:250">标题</th>
	            		<th data-options="field:'businessUserName',sortable:true,width:100">变更人</th>
	            		<th data-options="field:'businessDate',sortable:true,width:100,formatter:dateFormatter">变更时间</th>
	            		<th data-options="field:'details',align:'center',width:60,formatter:changeFormatter">查看详情</th>
	        		</tr>  
	    		</thead>
			</table>
		</div>
		<div title="验收记录" id="ysjl_detail">
			<table id="acceptanceListDataGrid">
	        	<thead>  
	        		<tr>
	            		<th data-options="field:'acceptance',sortable:true,width:150">验收人</th>
	            		<th data-options="field:'acceptanceDate',sortable:true,width:100,formatter:dateFormatter">验收时间</th>
	            		<th data-options="field:'details',align:'center',width:60,formatter:acceptanceFormatter">查看详情</th>
	        		</tr>  
	    		</thead>
			</table>
		</div>
		<div title="付款记录" id="fkjl_detail">
			<table id="paymentListDataGrid">
	        	<thead>  
	        		<tr>
	            		<th data-options="field:'paymentAmount',sortable:true,width:100">付款金额</th>
	            		<th data-options="field:'paymentDate',sortable:true,width:100,formatter:dateFormatter">付款时间</th>
	            		<th data-options="field:'details',align:'center',width:60,formatter:paymentFormatter">查看详情</th>
	        		</tr>  
	    		</thead>
			</table>
		</div>
	</div>