baozhangfang/WebRoot/WEB-INF/jsp/houseRepair/houseRepairList.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 src="<%=basePath %>/js/uploadPreview.js"></script>
<script type="text/javascript">
	//维修状态
	var repairStateObj = null;
	//故障类别
	var repairCategoryObj = null;
	var repairCategory_array = null;
	
		//维修状态
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"repairState" ,"aa10.name":"维修状态" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		repairStateObj = msg.obj.rows;
		    		var select_arr = [];
					var data = repairStateObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					state_array = select_arr.join("");
					$("#repairState").append(state_array);
		    	}
		    }
		});
		
		//故障类别
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"repairCategory" ,"aa10.name":"故障类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		repairCategoryObj = msg.obj.rows;
		    		var select_arr = [];
					var data = repairCategoryObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					repairCategory_array = select_arr.join("");
		    	}
		    }
		});
	
	/**摊位显示区*/
	$(function() {
		$('#houseRepairDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			pageSize:20,
			pageList : [ 10, 20, 30, 40, 50 ],
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			pagination:true,
			idField:'id',
			url:whzl.basePath + '/houseRepairAction_listHouseRepair?state=0',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:true,
			nowrap:true,
			loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert('提示',result.message,'error');
						return ;
					}							
			}
		});

	});
	
	/**查询*/
	function searchFun(){
		$("#houseRepairDataGrid").datagrid("load", {
			 "houseRepair.name":$("#tblQuery").find("input[id='name']").val(),
			 "houseRepair.idCard":$("#tblQuery").find("input[id='idCard']").val(),
			 "houseRepair.repairState":$("#tblQuery").find("select[id='repairState']").val(),
			 "houseRepair.communityId":$('#communityIdFromHouse').combobox("getValue"),
			 "houseRepair.no":$('#noFromHouse').combobox("getValue"),
			 "houseRepair.houseNumber":$('#houseNumberFromHouse').combobox("getValue")
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
    
    var dateFormatter = function(value,row,index){
		if(value != null){
			return value.substring(0,10);
		}else{
			return "";		
		}
	}
	
	/**审核状态*/
	var repairStateFormatter = function(value , row , index){
		var repairState = "";
		for(var nItem = 0; nItem < repairStateObj.length; nItem++ ){
    		if(repairStateObj[nItem].code == row.repairState){
    			repairState = repairStateObj[nItem].value;
    			break;
    		}
   		}
		return repairState;
	};
	
	/**故障类别*/
	var repairCategoryFormatter = function(value , row , index){
		var repairCategory = "";
		for(var nItem = 0; nItem < repairCategoryObj.length; nItem++ ){
    		if(repairCategoryObj[nItem].code == row.repairCategory){
    			repairCategory = repairCategoryObj[nItem].value;
    			break;
    		}
   		}
		return repairCategory;
	}
	
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=houseRepairDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var houseRepairDetails = function(id){
		$("#detailHouseRepairDialog").dialog({
			buttons : [{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#detailHouseRepairDialog").dialog("close");
					}
				}],
			onLoad : function(){
				detail_load(id);
				$.ajax({
					type: "post",//使用get方法访问后台
					dataType: "json",//返回json格式的数据
					url: "houseRepairAction_findById",//要访问的后台地址
					data: "houseRepair.id="+id,//要发送的数据
					complete :function(){$("#load").hide();},
					success: function(msg){
						if(msg.obj.repairState==1||msg.obj.repairState==2||msg.obj.repairState==3){//申报维修，工程部确认，工程部不通过
							$('.easyui-tabs').tabs('close','维修方案');
							$('.easyui-tabs').tabs('close','维修结果');
							//隐藏维修后图片
							document.getElementById("repairEndPhoto_th").remove();
							document.getElementById("repairEndPhoto_td").remove();
						}else if(msg.obj.repairState==4||msg.obj.repairState==5||msg.obj.repairState==6){//方案已录入，领导通过，领导不通过
							$('.easyui-tabs').tabs('close','维修结果');
						}
						
					}
				});
			}
		});
	};
	
	
	/**更新事件*/
	function updateRow(){
		//var updateIndex = $('#houseRepairDataGrid').datagrid('getRowIndex', id);
		var row = $('#houseRepairDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要修改的维修信息！");
		}
		var id = row.id; 
		if(row.repairState==1){
			$('#updateHouseRepairDialog').dialog({
				buttons : [{
					text : '提交', 
					iconCls : 'icon-ok', 
					handler : function(){
						$('#updateHouseRepairForm').form('submit',{
							url : whzl.basePath+'/houseRepairAction_updateHouseRepair',
							success : function(result){
								var parseResult = $.parseJSON(result);
								if(parseResult.success){
									$("#updateHouseRepairDialog").dialog("close");
									$('#houseRepairDataGrid').datagrid("reload");
								}else{
									$.messager.alert('出错了',parseResult.message);
								}
							}
						});
					}
				},{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#updateHouseRepairDialog").dialog("close");
					}
				}],
				onLoad : function(){
					update_load(id);
					$("#repairCategory_update").append(repairCategory_array);
				}
			}); 
		}else{
			$.messager.alert("提示","该维修信息不可修改！");
		}
	}
	
	
	/**增加房屋维修信息*/
	function houseRepairAdd(){
		$('#addHouseRepairDialog').dialog({
				buttons : [{
						text : '上一步', 
						iconCls : 'icon-undo',
						handler : function(){
							if($('#tabs_add').tabs('getTabIndex', $('#tabs_add').tabs('getSelected')) != 0){
								$('#tabs_add').tabs('select', $('#tabs_add').tabs('getTabIndex', $('#tabs_add').tabs('getSelected')) - 1);
							}
						}
					},{
						text : '下一步', 
						iconCls : 'icon-redo', 
						handler : function(){
							if($('#tabs_add').tabs('getTabIndex', $('#tabs_add').tabs('getSelected')) != 1){
									$('#tabs_add').tabs('select', $('#tabs_add').tabs('getTabIndex', $('#tabs_add').tabs('getSelected')) + 1);
							}else{
							
								/**故障照片必须上传*/
								/*var materialFile = $("#materialFile_add").val();
								if(materialFile == ''){
									$.messager.alert("提示","请上传房屋故障图片");
									return false;
								}*/
								
								var repairCategory = $("#repairCategory_add").val();
								if(repairCategory == ''){
									$.messager.alert("提示","请选择故障类别");
									return false;
								}
								var problem = $("#problem_add").val();
								if(problem == ''){
									$.messager.alert("提示","请输入故障说明");
									return false;
								}
								var houseAddress = $("#houseAddress_add").val();
								if(houseAddress == ''){
									$.messager.alert("提示","请选择房屋地址");
									return false;
								}
								var repairPeople = $("#repairPeople_add").val();
								if(repairPeople == ''){
									$.messager.alert("提示","请输入报修人");
									return false;
								}
								var repairPeoplePhone = $("#repairPeoplePhone_add").val();
								if(repairPeoplePhone == ''){
									$.messager.alert("提示","请输入报修人联系电话");
									return false;
								}
								
								parent.$.messager.progress({
									title : '提示',
									text : '保存中，请稍后....'
								});
								$('#addHouseRepairForm').form('submit',{
									url : whzl.basePath+'/houseRepairAction_addHouseRepair',
									success : function(result){
										parent.$.messager.progress('close');
										var parseResult = $.parseJSON(result);
										if(parseResult.success){
											$("#id_materialFile").val(parseResult.obj.id);
											$("#materialFileAddForm").form('submit',{
												url : whzl.basePath+'/houseRepairAction_addUploadFile'
											});
											$('#addHouseRepairDialog').dialog("close");
											$('#houseRepairDataGrid').datagrid('reload');
										}
									}
								});
							}
						}
					},{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){
							$('#addHouseRepairDialog').dialog("close");
						}
					}],
					onLoad :function(){//身份证获取信息
						$("#idCard_add").change(
							function(){
							loadHouseRepair($("#idCard_add").val());
						});
						$("#repairCategory_add").append(repairCategory_array);
					}
			});
	}
	
	//删除图片
	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("提示","删除失败！");	
				    }
				});
			}
		});
	}
	
	
	/**删除事件*/
	function deleteRow(){
		var row = $('#houseRepairDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要删除的维修信息！");
		}
		var id = row.id; 
		if(row.repairState==1){
			$.messager.confirm('删除提示', '确定删除这条记录吗？', function(r){
				if (r){
					$.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            url: "houseRepairAction_deleteHouseRepair",//要访问的后台地址
			            data: "houseRepair.id="+id,//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	if(msg.success){
			            		$.messager.alert('提示','删除成功！');
			            		searchFun();
			            	}else{
			            		$.messager.alert('提示','删除失败！');
			            	}
			            }
				 	});
				}
			});
		}else{
			$.messager.alert("提示","该维修信息不可删除！");
		}
	}
	
	function imageFormat(obj){
		var files = obj.files;
		for(var i=0;i<files.length;i++){
			/**判断图片格式*/
			if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(files[i].name)){ 
				$.messager.alert('提示','图片类型必须是.gif,jpeg,jpg,png中的一种'); 
				return false;  
			}
			/**判断图片大小*/
			/*if(files[i].size>1000*1024){
				$.messager.alert('提示','单张图片不得大于10M。');
				return false;
			}*/
		}
	return true;
	}
</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">
			<table id="tblQuery" style="width:100%;font-size:12px;" >
				<tr>
					<td align="right" style="width: 12%"><span>保障人员姓名</span></td>
					<td style="width: 10%"><input id="name" name="houseRepair.name" type="text"/></td>
					<td align="right" style="width: 12%"><span>保障人员身份证号</span></td>
					<td style="width: 10%"><input id="idCard" name="houseRepair.idCard" type="text"/></td>
					<td align="right" style="width: 8%"><span>维修状态</span></td>
					<td style="width: 14%"><select id="repairState" name="houseRepair.repairState" style="width:100px" onchange="searchFun();">
							<option value="">全部</option>
						</select>
					</td>
					<td align="left" colspan="2" style="width: 34%">
						<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>
					</td>
				</tr>
				<tr>
					<td align="right"><span>小区名称</span></td>
					<td colspan="3">
						<input id="communityIdFromHouse">
						<input id="noFromHouse" style="width: 60px;">幢
						<input id="houseNumberFromHouse" style="width: 80px;">室
					</td>
					<td colspan="2"></td>
					<td width="210px">
						<a href="javascript:houseRepairAdd();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">增加</a>
						<!-- <a href="javascript:updateRow();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
						<a href="javascript:deleteRow();" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a> -->
					</td>
				</tr>
			</table>
		</div>
	
		<table id="houseRepairDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
        			<th data-options="field:'houseRepairNo',sortable:true,width:100">工单编号</th>
            		<th data-options="field:'address',sortable:true,width:200">房源地址</th>
            		<th data-options="field:'name',sortable:true,width:70">姓名</th>
        		</tr>
        	</thead>
        	<thead>
        		<tr>
        			<th data-options="field:'idCard',sortable:true,width:130">身份证号</th>
        			<th data-options="field:'phone',sortable:true,width:90">联系电话</th>
            		<th data-options="field:'repairCategory',sortable:true,width:100, formatter:repairCategoryFormatter">故障类别</th>
            		<th data-options="field:'problem',sortable:true,width:200">故障说明</th>
            		<th data-options="field:'repairState',sortable:true,width:70, formatter:repairStateFormatter">当前状态</th>
            		<th data-options="field:'details',align:'center',formatter:detailsFormatter,width:64">查看详情</th> 
        		</tr>  
    		</thead>
		</table>
	</div>
</div>
<div id="detailHouseRepairDialog" data-options="title:'&nbsp;房屋维修详细信息',iconCls:'icon-details',width:1000,height:500,modal:true,href:'<%=basePath %>/houseRepairAction_toDetail'">
</div>
<div id="updateHouseRepairDialog" data-options="title:'&nbsp;修改房屋维修信息',iconCls:'icon-edit',width:700,height:400,modal:true,href:'<%=basePath %>/houseRepairAction_toUpdate'">
</div>
<div id="addHouseRepairDialog" data-options="title:'&nbsp;增加房屋维修信息',iconCls:'icon-add',width:1000,height:500,modal:true,href:'<%=basePath %>/houseRepairAction_toAdd'">
</div>
<div id="addPhotoHouseRepairDialog" data-options="title:'&nbsp;增加房屋维修照片',iconCls:'icon-add',width:700,height:400,modal:true,href:'<%=basePath %>/houseRepairAction_toPhotoAdd'">
</div>
<div id="contractDialog" data-options="title:'&nbsp;选择合同',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/houseRepairAction_toLeaseContractList'">
</div>
<div id="addHouseDialog" data-options="title:'&nbsp;选择房源',iconCls:'icon-edit',width:700,height:400,modal:true,href:'<%=basePath %>/houseRepairAction_toHouseSelectList'">
</div>
<script type="text/javascript">
	$(function(){
		parent.$.messager.progress('close');
		//小区名称
		$("#communityIdFromHouse").combobox({
			url: whzl.basePath + '/communityAction_findAll',
		    valueField:'value',
	        textField:'text',
	        filter:function(q,row){ 
		       	var opts=$(this).combobox("options"); 
		       	//return row[opts.textField].indexOf(q)==0;// 
		       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
	       	},
	       	onChange:function (newValue,oldValue) {
	       		$('#noFromHouse').combobox("setValue","");
	       		$('#houseNumberFromHouse').combobox("setValue","");
				$('#noFromHouse').combobox('reload',whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityIdFromHouse').combobox("getValue")); 
			}
		});
		//幢
		$("#noFromHouse").combobox({
			url: whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityIdFromHouse').combobox("getValue"),
		    valueField:'value',
	        textField:'text',
			filter:function(q,row){ 
		       	var opts=$(this).combobox("options"); 
		       	//return row[opts.textField].indexOf(q)==0;// 
		       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
	       	},
	       	onChange:function (newValue,oldValue) {
	       		$('#houseNumberFromHouse').combobox("setValue","");
	       		$('#houseNumberFromHouse').combobox('reload',whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityIdFromHouse').combobox("getValue") + '&house.no='+newValue); 
			}
		});
		//室
		$("#houseNumberFromHouse").combobox({
			url: whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityIdFromHouse').combobox("getValue") + '&house.no='+$('#noFromHouse').combobox("getValue"),
		    valueField:'value',
	        textField:'text',
			filter:function(q,row){ 
		       	var opts=$(this).combobox("options"); 
		       	//return row[opts.textField].indexOf(q)==0;// 
		       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
	       	}
		});
	})
</script>