yunsu/cloud-socket/WebContent/tpl/house_build.html

<script>
var pageNo=1;
var refuseParam = {};
var buildId;
	$(function(){
		$("aside>ul>li").eq(8).find("a").css({"background":"#00C1DE"})
		$("aside>ul>li").eq(8).siblings('li').find("a").css({"background":"#42485B"})
		var mainHeight = $(window).height()-320+"px";
		$(".scrollTable").css({"max-height":mainHeight});
		loadPages();
		loadProperty();
		$("#buildState").change(loadPages);
	})
/*表头*/
	function loadHeadData(){
		if($("#buildState option:selected").val() == ""){
			$("#headData").html(
					 "<th>姓名</th>"
               		+"<th>地址</th>"
               		+"<th>联系方式</th>"
               		+"<th>状态</th>"
               		+"<th>驳回原因</th>"
               		+"<th>操作</th>"  
			)
		}else if($("#buildState option:selected").val() == 0){
			$("#headData").html(
					 "<th>姓名</th>"
              		+"<th>地址</th>"
              		+"<th>联系方式</th>"
              		+"<th>状态</th>"
              		+"<th>操作</th>"  
			)
		}else if($("#buildState option:selected").val() == 1 || $("#buildState option:selected").val() == 2){
			$("#headData").html(
					 "<th>姓名</th>"
             		+"<th>地址</th>"
             		+"<th>联系方式</th>"
             		+"<th>状态</th>"
			)
		}else if($("#buildState option:selected").val() == 3){
			$("#headData").html(
					 "<th>姓名</th>"
             		+"<th>地址</th>"
             		+"<th>联系方式</th>"
             		+"<th>状态</th>"
             		+"<th>驳回原因</th>"  
			)
		}
	}
/*获取页数*/
function loadPages() {	
	var param = {};
	if($("#buildState option:selected").val() != ""){	
		param.status = $("#buildState option:selected").val();
	}
	$.post("getApplyList.do",param,function(resp) {
			$('.page').empty();
			var totalCnt = resp.data.totalCnt;
		    var GG = {
		        "kk":function(dd){
		        	pageNo = dd;
		        	loadData();
		        	$(".page").prepend("<span class=\"page_all\">共&nbsp;"+resp.data.totalCnt+"&nbsp;条</span>"); 
		        }
		    }
		    $("#page").initPage(totalCnt,1,GG.kk);
	});
}
/*获取数据*/
function loadData() {
	loadHeadData();
	var param = {};
	var buildStatus = "";
	param.page = pageNo;
	if($("#buildState option:selected").val() != ""){	
		param.status = $("#buildState option:selected").val();
	}
	$.post("getApplyList.do",param, function(resp){
		$("#bodyData").empty();
		var listArray = resp.data.list;
		for (var i=0;i<listArray.length;i++) {
			var item = listArray[i];
			var tdLine = "";
			if(item.status == 0){
				buildStatus = "审核中";
				tdLine = "<a href=\"javascript:openRefuseModel("+item.id+")\">驳回</a><a href=\"javascript:pass("+item.id+")\">通过</a>"; 
			}else if(item.status == 1){
				buildStatus = "待安装";
			}else if(item.status == 2){
				buildStatus = "已安装";
			}else if(item.status == 3){
				buildStatus = "已驳回";
			}
			
			if($("#buildState option:selected").val() == ""){
				var line = "<tr><td>"+((item.name == null)?"":item.name)+"</td>"
					+"<td>"+((item.addres == null)?"":item.addres)+"</td>" 
					+"<td>"+((item.mobile == null)?"":item.mobile)+"</td>" 
					+"<td>"+buildStatus+"</td>" 
					+"<td>"+((item.msg == null)?"":item.msg)+"</td>" 
					+"<td>"+tdLine+"</td>" 
				+"</tr>";
			}else if($("#buildState option:selected").val() == 0){
				var line = "<tr><td>"+((item.name == null)?"":item.name)+"</td>"
				+"<td>"+((item.addres == null)?"":item.addres)+"</td>" 
				+"<td>"+((item.mobile == null)?"":item.mobile)+"</td>" 
				+"<td>"+buildStatus+"</td>" 
				+"<td>"+tdLine+"</td>" 
				+"</tr>";
			}else if($("#buildState option:selected").val() == 1 || $("#buildState option:selected").val() == 2){
				var line = "<tr><td>"+((item.name == null)?"":item.name)+"</td>"
				+"<td>"+((item.addres == null)?"":item.addres)+"</td>" 
				+"<td>"+((item.mobile == null)?"":item.mobile)+"</td>" 
				+"<td>"+buildStatus+"</td>" 
				+"</tr>";
			}else if($("#buildState option:selected").val() == 3){
				var line = "<tr><td>"+((item.name == null)?"":item.name)+"</td>"
				+"<td>"+((item.addres == null)?"":item.addres)+"</td>" 
				+"<td>"+((item.mobile == null)?"":item.mobile)+"</td>" 
				+"<td>"+buildStatus+"</td>" 
				+"<td>"+((item.msg == null)?"":item.msg)+"</td>" 
				+"</tr>";
			}
			
			$("#bodyData").append(line); 
		}
	});
} 
/*驳回*/
	function openRefuseModel(id){
		refuseParam.id = id;
		$("#reasonText").val() == "";
		$("#refuseModal").modal('show');
	}
	function refuseSubmit(){
		if($("#reasonText").val() == ""){
			alert("请填写驳回原因");
			return
		}
		refuseParam.reason = $("#reasonText").val();
		$.post("refuseApply.do",refuseParam,function(resp){
			alert("操作成功");
			loadData();
		});
	}
/*通过*/	
	function pass(id){
		buildId = id;
		$("input[name=property]").prop("checked",false);
		$("#propertyModal").modal("show");	
	}
	function passSubmit(){
		var comId = "";
		$("input[name=property]").each(function(item,index){
			if($(this).prop("checked") == true){
				comId = $(this).val();
			}
		})
		if(comId == ""){
			alert("请选择物业");
		}else{
	 		$.post("passApply.do",{"id":buildId,"comId":comId},function(resp){
				alert("操作成功");
				$("#propertyModal").modal("hide");
				loadData();
			});
		}		
	}
/*加载物业列表*/	 
 	function loadProperty(){
 		$.post("system/getCommunityPropertyAllMessageList.do",{},function(resp) {
 			var listArray = resp.data;
 			$("#propertyBody").html("");
 			for(var i = 0;i<listArray.length;i++){
 			 	var leng = "<tr>"
 			 			+"<td style=\"text-align:center;\"><input type=\"radio\" name=\"property\" value=\""+listArray[i].id+"\"></td>"
 			 			+"<td>"+listArray[i].name+"</td>";
 			 	+"</tr>";
 			 	$("#propertyBody").append(leng);
 			}
 		});
	}
</script>
<div class="section">
    <div  class="section_top">
        <p>
            <a>安装管理</a>
        </p>
    </div>
    <div class="add_item">
    	<select class="form-control" id="buildState" style="width:100px;">
    		<option value="">全部</option>
    		<option value="0">审核中</option>
    		<option value="1">待安装</option>
    		<option value="2">已安装</option>
    		<option value="3">已驳回</option>
    	</select>
    </div>
    <div class="information">
    	<div class="scrollTable">
        <table class="table table-striped table-bordered table-hover clicktoCheckbox">
            <thead>
                <tr style="background:#ededed;" id="headData"> 
                </tr>
            </thead> 
            <tbody id="bodyData" class="td_btn">

            </tbody>
         </table>
         </div>
         
		<ul class="page" maxshowpageitem="5" pagelistcount="15"  id="page"></ul>
    </div>
</div>
<!--驳回模态框 -->
<div class="modal fade" id="refuseModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyoard="false">
	<div class="modal-dialog modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title">
					驳回原因
				</h4>
			</div>
			<div class="modal-body">
					<textarea id="reasonText" style="width:100%;padding: 5px;height: 186px;resize: none;"></textarea>				
			</div>
			<div class="modal-footer" >
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" onclick="refuseSubmit()"> 
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<!--选择物业模态框 -->
<div class="modal fade" id="propertyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyoard="false">
	<div class="modal-dialog modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title">
					选择物业
				</h4>
			</div>
			<div class="modal-body">
					<table class="table table-bordered">	
						<thead>
							<tr>
								<th></th>
								<th>物业名称</th>
							</tr>						
						</thead>
						<tbody id="propertyBody">						
						</tbody>
					</table>
			</div>
			<div class="modal-footer" >
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" onclick="passSubmit()"> 
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->	
<script>
var mainHeight = $(window).height()-320+"px";
$(".scrollTable").css({"max-height":mainHeight});
</script>