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

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="../../common/include.jsp" />
<%String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<script type="text/javascript">
	//选房状态
	var renovationStateObj = null;
	
	var renovationState_array = null;
	
	//选房状态
	var tenderTypeObj = null;
	
	var tenderType_array = null;

	/**招标信息显示区*/
	$(function() {
		//招标类别
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"tenderType" ,"aa10.name":"招标类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		tenderTypeObj = msg.obj.rows;
		    		var select_arr = [];
					var data = tenderTypeObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					tenderType_array = select_arr.join("");
		    	}
		    }
		});
		
		//状态
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"renovationState" ,"aa10.name":"装修状态" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		renovationStateObj = msg.obj.rows;
		    		var select_arr = [];
					var data = renovationStateObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					renovationState_array = select_arr.join("");
		    	}
		    }
		});
	
		$.ajax({
			type: "post",
		    dataType: "json",
		    url: "columnSetAction_listColumn?tname=renovationContract",
		    complete :function(){$("#load").hide();},
		    success: function(msg){
		    	if(msg.success){
		    		setId();
		    		var data = msg.obj;
		    		for(var i = 0;i<data.length;i++){
		    			if("1"==data[i].type){
		    				if(typeof(data[i].formatter)!="undefined"){
		    					data[i].formatter=eval(data[i].formatter);
		    				}
		    				user_columns.push(data[i]);
		    			}else{
		    				user_frozenColumns.push(data[i]);
		    			}
		    		}
		    		columns.push(user_columns);
		    		frozenColumns.push(user_frozenColumns);
		    		
		    		$('#renovationContractDataGrid').datagrid({
		    			rownumbers:true,
						fit:true,
						pageSize:10,
						pageList : [ 10, 20, 30, 40, 50 ],
						fitColumns:false,
						border:false,
						sortOrder:'desc',
						pagination:true,
						idField:'id',
						url:whzl.basePath + '/renovationContractAction_list',
						toolbar:'#searchtool',
						checkOnSelect:true,
						selectOnCheck:true,
						singleSelect:true,
						showFooter: true,
		    			columns:columns,
		    			frozenColumns:frozenColumns,
		    			loadFilter:function(result){
		    				if(result.success){
		    					return result.obj;
		    				}else{
		    					$.messager.alert("提示",result.message);
		    					return ;
		    				}							
		    			}
		    		});
		    		toolBar("renovationContractDataGrid","setRenovationContractDialog","renovationContract");
		    	}
		    }
		});	
	
/*		$('#renovationContractDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			pageSize:10,
			pageList : [ 10, 20, 30, 40, 50 ],
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			pagination:true,
			idField:'id',
			url:whzl.basePath + '/renovationContractAction_list',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:false,
			nowrap:true,
			loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
			}
		);*/
	});
	
	/**查询*/
	function searchFun(){
		/*var params = encodeURI("renovationContract.number="+trim($("#tblQuery").find("input[id='number']").val())+
	             "&renovationContract.name="+trim($("#tblQuery").find("input[id='name']").val()));*/
	    $("#renovationContractDataGrid").datagrid("load", {
			 "renovationContract.number":$("#tblQuery").find("input[id='number']").val(),
			 "renovationContract.name":$("#tblQuery").find("input[id='name']").val() 
        });
		$('#renovationContractDataGrid').datagrid({
			columns:columns,
			frozenColumns:frozenColumns
		});
		toolBar("renovationContractDataGrid","setRenovationContractDialog","renovationContract");
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
    
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=tenderDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var tenderDetails = function(id){
		$("#detailDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					 detail_load(id);
				}
			}
		);
	};
	
	/**更新*/
	var updateFormatter = function(value , row , index){
		if(row.renovationState == 1){
			return "<img src='<%=basePath%>/images/pencil.png' title='修改' onclick=updateRow(" + row.id + ",'update') style='cursor:pointer' />";
		}
	};
	
	function selectUpdate(){
		var row = $('#renovationContractDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要修改的装修合同！");
		}
		var id = row.id; 
		if(row.renovationState == 1){
			updateRow(id,'update');
		}else{
			$.messager.alert("提示","该装修合同不可修改！");
		}
	}
	
	/**更新事件*/
	function updateRow(id,param){
			$("#updateDialog").dialog({
				buttons : [{
					text : '提交', 
					iconCls : 'icon-ok', 
					handler : function(){
						$('#updateRenovationContractForm').form('submit',{
							url : whzl.basePath+'/renovationContractAction_update',
							success : function(result){
								var parseResult = $.parseJSON(result);
								if(parseResult.success){
									$("#updateDialog").dialog("close");
									$('#renovationContractDataGrid').datagrid('reload');
								}else{
									$.messager.alert("提示",parseResult.message);
								}
							}
						});
					}
				},{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#updateDialog").dialog("close");
					}
				}],
				onLoad : function(){
					if(param == 'add'){
						$('#tabs_update').tabs('select', $('#tabs_update').tabs('getTabIndex', $('#tabs_update').tabs('getSelected')) + 1);
					}
					$.ajax({
					    type: "post",//使用get方法访问后台
				        dataType: "json",//返回json格式的数据
				        url: "renovationContractAction_findById",//要访问的后台地址
				        data: "renovationContract.id="+id,//要发送的数据
				        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
				        success: function(msg){//msg为返回的数据，在这里做数据绑定
				            	$("#id_update").val(msg.obj.id);
				            	$("#name_update").val(msg.obj.name);
				            	$("#number_update").val(msg.obj.number);
				            	$("#tenderName_update").val(msg.obj.tender.name);
				            	$("#tenderId_update").val(msg.obj.tender.id);
				            	$("#b_update").val(msg.obj.b);
				            	$("#foreignCompanyId_update").val(msg.obj.foreignCompany.id);
				            	$("#money_update").numberbox('setValue', msg.obj.money);
				            	$("#paymentMethod_update").val(msg.obj.paymentMethod);
				            	$("#content_update").val(msg.obj.content);
				            	$("#contractDate_update").datebox("setValue", msg.obj.contractDate);
				            	
				            	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><img src='images/de.png' id='img" + msg.obj.contractFile[i].id + "' onclick='removeImg(" + msg.obj.contractFile[i].id + ")' width='15' height='15' style='position: relative;right: 2px; cursor:pointer;'><div>");
				            		$("#contractFile_update_file").append ($file);
				            	}
				            	
				            	$("#contractFile_update").change(
									 function(){
									 	var obj = document.getElementById('contractFile_update');
										if(imageFormat(obj)){
									 		 $('#updateRenovationContractForm').form('submit',{
												url : whzl.basePath+'/renovationContractAction_addUploadFile',
												success: function(result){
													$("#contractFile_update").attr("value","");
													$.ajax({
												            type: "post",//使用get方法访问后台
												            dataType: "json",//返回json格式的数据
												            url: "renovationContractAction_findById",//要访问的后台地址
												            data: "renovationContract.id="+id,//要发送的数据
												            success: function(msg){
												            	$("#contractFile_update_file").children('div').remove();
												            	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><img src='images/de.png' id='img" + msg.obj.contractFile[i].id + "' onclick='removeImg(" + msg.obj.contractFile[i].id + ")' width='15' height='15' style='position: relative;right: 2px; cursor:pointer;'><div>");
												            		$("#contractFile_update_file").append ($file);
												            	}
												            }
													});
												}
											});
										}
								});
				        }
					});
				}
			});
	}
	
	/**新增装修合同*/
	function add(){
		$('#addDialog').dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){
							parent.$.messager.progress({
								title : '提示',
								text : '保存中，请稍后....'
							});
							$('#addRenovationContractForm').form('submit',
								{
									url : whzl.basePath+'/renovationContractAction_add',
									onSubmit: function(){
										var isValid =$('#addRenovationContractForm').form('validate');
										if(isValid == false){
											parent.$.messager.progress('close');
										}
										return isValid;
									},
									success : function(result){
										parent.$.messager.progress('close');
										var parseResult = $.parseJSON(result);
										if(parseResult.success){
											$("#addDialog").dialog("close");
											$('#renovationContractDataGrid').datagrid('reload');
											var id = parseResult.obj.id;
											updateRow(id,'add');
										}else{
											$.messager.alert("提示",parseResult.message);
										}
									}
								}
							);
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#addDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					var curr_time = new Date();
					var strDate = curr_time.getFullYear()+"-";
					strDate += curr_time.getMonth()+1+"-";
					strDate += curr_time.getDate();
					$("#contractDate_add").datebox("setValue", strDate);
				}
			}
		);
	}
	
	function changeCompany(param){
		$('#companyDialog').dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){
							var selectedItem = $('#foreignCompanyDataGrid').datagrid('getSelected');
							if(selectedItem == null){
								$.messager.alert("警告","请选择监理单位！");
								return;
							}
							$("#companyDialog").dialog("close");
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#companyDialog").dialog("close");
						}
					}
				]
			}
		);
	}
	
	function changeTender(param){
		$('#tenderDialog').dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){
							var selectedItem = $('#tenderDataGrid').datagrid('getSelected');
							if(selectedItem == null){
								$.messager.alert("警告","请选择装修招标！");
								return;
							}
							if(param == 'add'){
								$("#tenderName_add").val(selectedItem.name);
								$("#tenderId_add").val(selectedItem.id);
								$("#b_add").val(selectedItem.bid);
								$("#foreignCompanyId_add").val(selectedItem.bidCompany.id);
								$("#money_add").numberbox('setValue', selectedItem.money);
							}else{
								$("#tenderName_update").val(selectedItem.name);
								$("#tenderId_update").val(selectedItem.tenderId);
								$("#b_update").val(selectedItem.bid);
								$("#foreignCompanyId_update").val(selectedItem.bidCompanyId);
							}
							$("#tenderDialog").dialog("close");
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#tenderDialog").dialog("close");
						}
					}
				]
			}
		);
	}
	
	//删除图片
	var removeImg = function(id){
		$.messager.confirm('提示', '确定删除么?删除后将无法恢复', function(r){
			if (r){
				 $("#img" + id).parent().remove();
				 $.ajax({
				    type: "post",//使用post方法访问后台
				    dataType: "json",//返回json格式的数据
				    url:whzl.basePath + "/uploadFileAction_deleteUploadFile",
				    data:{
				    	"uploadFile.id":id
				   	},
				    error: function(msg){//msg为返回的数据，在这里做数据绑定
						$.messager.alert("提示","删除失败！");	
				    }
				});
			}
		});
	}
	
	/**状态*/
	var stateFormatter = function(value , row , index){
		var renovationState = "";
		for(var nItem = 0; nItem < renovationStateObj.length; nItem++ ){
    		if(renovationStateObj[nItem].code == value){
    			renovationState = renovationStateObj[nItem].value;
    			break;
    		}
   		}
		return renovationState;
	};
	
	/**创建人*/
	var createUserFormatter = function(value , row , index){
		return row.createUser.fullName;
	};
	
	/**格式化时间*/
	var dateFormatter = function(value,row,index){
		return dealDate(value);
	};
	
	function imageFormat(obj){
		var files = obj.files;
			for(var i=0;i<files.length;i++){
				/**判断图片大小*/
				if(files[i].size>1000*1024){
					$.messager.alert('提示','单张图片不得大于10M。');
					return false;
				}
			}
		return true;
	}
	
	/**合同打印*/
	var printFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/images/printer.png' title='选择合同模板' onclick=templetSelect(" + row.id + ") style='cursor:pointer' />";
	};
	
	function templetSelect(){
		var row = $('#renovationContractDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要打印的装修合同！");
		}
		var id = row.id; 
		$("#templetSelectDialog").dialog({
			buttons : [{
				text : '关闭', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#templetSelectDialog").dialog("close");
				}
			}],
			onLoad : function(){
				templet_load(id);
			}
		});
	}
	
	/**招标类别*/
	var tenderTypeFormatter = function(value , row , index){
		var tenderType = "";
		for(var nItem = 0; nItem < tenderTypeObj.length; nItem++ ){
    		if(tenderTypeObj[nItem].code == value){
    			tenderType = tenderTypeObj[nItem].value;
    			break;
    		}
   		}
		return tenderType;
	};
</script>

<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north', border:false">
			<div class="clear"></div>
			<table id="tblQuery" style="width:100%;font-size:12px;">
				<tr>
					<td align="right" style="width: 10%"><span>合同编号</span></td>
					<td style="width: 10%">
						<input type="text" name="renovationContract.number" id="number">
					</td>
					<td align="right" style="width: 8%"><span>合同名称</span></td>
					<td style="width: 18%">
						<input type="text" name="renovationContract.name" id="name">
					</td>
					<td align="left" style="width: 54%">
						<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
						<a href="javascript:add();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">增加</a>
						<a href="javascript:selectUpdate();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
						<a href="javascript:templetSelect();" class="easyui-linkbutton" data-options="iconCls:'icon-print',plain:true">打印合同</a>
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="renovationContractDataGrid">
        	<!--<thead>  
        		<tr>
            		<th data-options="field:'number',sortable:true,width:90">合同编号</th>
            		<th data-options="field:'name',sortable:true,width:200">合同名称</th>
            		<th data-options="field:'money',sortable:true,width:100">合同金额</th>
            		<th data-options="field:'amountPaid',sortable:true,width:100">已付款</th>
            		<th data-options="field:'b',sortable:true,width:200">装修单位</th>
            		<th data-options="field:'renovationState',sortable:true,width:100,formatter:stateFormatter">状态</th>
            		<th data-options="field:'createUser',sortable:true,width:100,formatter:createUserFormatter">创建人</th>
            		<th data-options="field:'createDate',sortable:true,width:100,formatter:dateFormatter">创建时间</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详情</th>
            		<th data-options="field:'update',align:'center',width:60,formatter:updateFormatter">修改</th>
            		<th data-options="field:'print',align:'center',width:60,formatter:printFormatter">合同打印</th>
        		</tr>  
    		</thead>-->
		</table>
	</div>
</div>
<div id="detailDialog" data-options="title:'&nbsp;装修合同详细信息',iconCls:'icon-details',width:700,height:400,modal:true,href:'<%=basePath %>/renovationContractAction_toDetail'"></div>
<div id="updateDialog" data-options="title:'&nbsp;修改招标信息',iconCls:'icon-edit',width:700,height:400,modal:true,href:'<%=basePath %>/renovationContractAction_toUpdate'"></div>
<div id="addDialog" data-options="title:'&nbsp;增加装修合同',iconCls:'icon-add',width:700,height:350,modal:true,href:'<%=basePath %>/renovationContractAction_toAdd'"></div>
<div id="companyDialog" data-options="title:'&nbsp;监理单位',iconCls:'icon-add',width:700,height:400,modal:true,href:'<%=basePath %>/foreignCompanyAction_toCompanyList'"></div>
<div id="tenderDialog" data-options="title:'&nbsp;装修招标',iconCls:'icon-add',width:700,height:350,modal:true,href:'<%=basePath %>/renovationContractAction_toTenderList'"></div>
<div id="constructionDetailDialog" data-options="title:'&nbsp;装修施工详细信息',iconCls:'icon-details',width:700,height:300,modal:true,href:'<%=basePath %>/constructionAction_toDetail'"></div>
<div id="changeDetailDialog" data-options="title:'&nbsp;装修变更详细信息',iconCls:'icon-details',width:700,height:350,modal:true,href:'<%=basePath %>/decorationChangeAction_toDetail'"></div>
<div id="acceptanceDetailDialog" data-options="title:'&nbsp;装修验收详细信息',iconCls:'icon-details',width:700,height:300,modal:true,href:'<%=basePath %>/decorationAcceptanceAction_toDetail'"></div>
<div id="paymentDetailDialog" data-options="title:'&nbsp;装修付款详细信息',iconCls:'icon-details',width:700,height:300,modal:true,href:'<%=basePath %>/decorationPaymentAction_toDetail'"></div>
<div id="templetSelectDialog" data-options="title:'&nbsp;选择合同模板',iconCls:'icon-details',width:420,height:320,modal:true,href:'<%=basePath %>/renovationContractAction_toTempletSelect'">
</div>
<div id="setRenovationContractDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=renovationContract'">
</div>
<script type="text/javascript">
<!--
$(function(){
	parent.$.messager.progress('close');
});
//-->
</script>