baozhangfang/WebRoot/WEB-INF/jsp/houseRepair/maintenanceProgramList.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 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() {
		$.ajax({
			type: "post",
		    dataType: "json",
		    url: "columnSetAction_listColumn?tname=houseRepairMaintenanceProgram",
		    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);
		    		
		    		$('#houseRepairMaintenanceProgramDataGrid').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=2,4',
						toolbar:'#searchtool',
						checkOnSelect:true,
						selectOnCheck:true,
						singleSelect:true,
						nowrap:true,
						showFooter: true,
		    			columns:columns,
		    			frozenColumns:frozenColumns,
		    			loadFilter:function(result){
		    				if(result.success){
		    					return result.obj;
		    				}else{
		    					$.messager.alert("提示",result.message);
		    					return ;
		    				}							
		    			}
		    		});
		    		toolBar("houseRepairMaintenanceProgramDataGrid","setHouseRepairMaintenanceProgramDialog","houseRepairMaintenanceProgram");
		    	}
		    }
		});
/*		$('#houseRepairMaintenanceProgramDataGrid').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=2,4',
			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(){
		/*var params = encodeURI("houseRepair.name="+trim($('#name').val())+
        					   "&houseRepair.phone="+trim($('#phone').val())+
        					   "&houseRepair.idCard="+trim($('#idCard').val())+
        					   "&houseRepair.address="+trim($('#address').val())+
        					   "&houseRepair.houseRepairNo="+trim($('#houseRepairNo').val())+
        					   "&houseRepair.repairState="+trim($('#repairState').val())+
        					   "&houseRepair.house.community.area="+trim($('#areaFromHouse').combobox("getValue"))+
        					   "&houseRepair.house.community.id="+trim($('#communityIdFromHouse').combobox("getValue"))+
				 			   "&houseRepair.house.no="+trim($('#noFromHouse').combobox("getValue"))+
				 			   "&houseRepair.house.houseNumber="+trim($('#houseNumberFromHouse').combobox("getValue"))+
				 			   "&houseRepair.house.roomType="+trim($('#roomTypeFromHouse').val())+
				 			   "&state=2,4"
	             );*/
		$("#houseRepairMaintenanceProgramDataGrid").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.house.community.area":$('#areaFromHouse').combobox("getValue"),
			 "houseRepair.house.community.id":$('#communityIdFromHouse').combobox("getValue"),
			 "houseRepair.house.no":$('#noFromHouse').combobox("getValue"),
			 "houseRepair.house.houseNumber":$('#houseNumberFromHouse').combobox("getValue")
        });
		$('#houseRepairMaintenanceProgramDataGrid').datagrid({url:whzl.basePath + '/houseRepairAction_listHouseRepair?state=2,4',pageNumber:1});
		$('#houseRepairMaintenanceProgramDataGrid').datagrid({
			columns:columns,
			frozenColumns:frozenColumns
		});
		toolBar("houseRepairMaintenanceProgramDataGrid","setHouseRepairMaintenanceProgramDialog","houseRepairMaintenanceProgram");
		
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
    
    /**审核状态*/
	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 reportTimeFormatter = function(value , row , index){
		return dealDate(row.reportTime);
	}
	
	/**故障类别*/
	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 nameFormatter = function(value , row , index){
	 	return "<a href='javascript:' onclick=houseRepairDetails(" + row.id + ")>"+row.name+"</a>"
	}
	
	/**查看详情*/
	var detailsFormatter = function(value , row , index){
		if(row.maintenanceProgram == ""||row.maintenanceProgram == undefined){
			return "尚未录入方案";
		}else{
				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); 
					document.getElementById("repairEndPhoto_th").remove();
					document.getElementById("repairEndPhoto_td").remove();
					$('.easyui-tabs').tabs('close','维修结果');
				}
			}
		);
	};
	
	/**方案录入*/
	var addMaintenanceProgramFormatter = function(value , row , index){
		if(row.repairState==4){
			return "";
		}else{
			return "<img src='<%=basePath%>/js/easyui/themes/itemicon/update.png' title='方案录入' onclick=addRow(" + row.id + ") style='cursor:pointer' />";
		}
	};
	function updateRow(){
		var row = $('#houseRepairMaintenanceProgramDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要录入维修方案的维修信息！");
		}
		var id = row.id;
		if(row.repairState!=4){
			$("#taskDialog").dialog({
				title: "维修方案录入",
				width: 800,
				height: 400,
				closed: false,
				cache: false,
				iconCls:"icon-edit",
				href: "<%=basePath %>/houseRepairAction_toAddMaintenanceProgram",
				modal: true,
				buttons : [{
					text : '确认', 
					iconCls : 'icon-ok', 
					handler : function(){
						task_submit(id);
					}
				},{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#taskDialog").dialog('close');
					}
				}],
				onLoad : function(){
					task_load(id);
					$("#id_mp").val(id);
				}
			});
		}else{
			$.messager.alert("提示","该维修信息不可录入维修方案！");
		}
	}
	
</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" style="width: 36%">
						<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:updateRow();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">录入方案</a>
					</td>
				</tr>
				
				<tr>
					<td align="right"><span>小区名称</span></td>
					<td colspan="3">
						<select id="areaFromHouse" style="width:100px;">
							<option value="">全部</option>
						</select>
						<input id="communityIdFromHouse">
						<input id="noFromHouse" style="width: 60px;">幢
						<input id="houseNumberFromHouse" style="width: 80px;">室
					</td>
					
				</tr>
				
			</table>
		</div>
	
		<table id="houseRepairMaintenanceProgramDataGrid">
			<!--<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:170">房源地址</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:'reportTime',sortable:true,width:80, formatter:reportTimeFormatter">报修时间</th>
            		<th data-options="field:'repairCategory',sortable:true,width:100, formatter:repairCategoryFormatter">故障类别</th>
            		<th data-options="field:'problem',sortable:true,width:170">故障备注</th>
            		<th data-options="field:'maintenanceProgram',sortable:true,width:170">方案详情</th>
            		<th data-options="field:'repairState',sortable:true,width:70, formatter:repairStateFormatter">当前状态</th>
            		<th data-options="field:'details',align:'center',width:80,formatter:detailsFormatter">查看详情</th> 
            		<th data-options="field:'addMaintenanceProgram',align:'center',width:60, formatter:addMaintenanceProgramFormatter">方案录入</th>
        		</tr>  
    		</thead>-->
		</table>
	</div>
</div>
<div id="detailHouseRepairDialog" data-options="title:'&nbsp;方案详情',iconCls:'icon-details',width:600,height:400,modal:true,href:'<%=basePath %>/houseRepairAction_toDetail'">
</div>
<div id="taskDialog"></div>
<div id="setHouseRepairMaintenanceProgramDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=houseRepairMaintenanceProgram'">
</div>
<script type="text/javascript">
	$(function(){
		parent.$.messager.progress('close');
		$("#areaFromHouse").combobox({
			url: whzl.basePath + '/houseRegisterAction_listChildrenCombobox',
		    valueField:'value',
	        textField:'text',
	        onChange :function(newValue,oldValue){
	        	$('#communityIdFromHouse').combobox("setValue","");
	       		$('#noFromHouse').combobox("setValue","");
	       		$('#houseNumberFromHouse').combobox("setValue","");
	        	$('#communityIdFromHouse').combobox('reload',whzl.basePath + '/communityAction_findAll?community.area='+newValue); 
	        }
		});
		//小区名称
		$("#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>