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

<script>
var listArray;
var pageNo=1;
	$(function(){
		$("aside>ul>li").eq(7).find("a").css({"background":"#00C1DE"})
		$("aside>ul>li").eq(7).siblings('li').find("a").css({"background":"#42485B"})
		var mainHeight = $(window).height()-320+"px";
		$(".scrollTable").css({"max-height":mainHeight});
		loadPages();
		$("#fixState").change(loadPages);
	})
/*获取页数*/
function loadPages() {	
	$.post("getRepairList.do",{"isDeal":$("#fixState option:selected").val()},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() {
	$.post("getRepairList.do",{"page":pageNo,"isDeal":$("#fixState option:selected").val()}, function(resp){
		$("#bodyData").empty();
		listArray = resp.data.list;
		for (var i=0;i<listArray.length;i++) {
			var item = listArray[i];
			var line = "<tr><td>"+((item.msg == null)?"":item.msg)+"</td>"
					+"<td>"+((item.pic == null)?"":item.pic)+"</td>" 
					+"<td>"+((item.isDeal == 0)?"<a style=\"color:red\">待处理</a>":"<a style=\"color:green\">已处理</a>")+"</td>" 
					+"<td>"+((item.isDeal == 0)?"<a href=\"javascript:isDeal("+item.id+")\">标为已处理</a>":"")+"<a href=\"javascript:fixDetail("+i+")\">查看</a></td>" 
					+"</tr>";
			$("#bodyData").append(line); 
		}
	});
}
/*查看*/
 function fixDetail(i){
	 $("#messageDetail").modal('show');
	 $("#picShow").empty();
	 $("#fixMsg").html(listArray[i].msg);
	 $("#fixMsg").html(listArray[i].msg);
	 if(listArray[i].pic != null && listArray[i].pic != ""){
		 var pic = listArray[i].pic.split(',');
			for(var i = 0;i<pic.length;i++){
				var leng = "<img src=\""+pic[i]+"\">";
				$("#picShow").append(leng);
			}
	 }else{
		 $("#picShow").html("<span style=\"color:#999;\">暂无图片</span>"); 
	 }
}
/*处理报修*/
 	function isDeal(id){
		if(confirm("确认将该故障标为已处理？")){
			$.post("updateFixDetails.do",{"id":id},function(){
				alert("操作成功");
				loadData();
			});
		}
	}
</script>
<div class="section">
    <div  class="section_top">
        <p>
            <a>报修管理</a>
        </p>
    </div>
    <div class="add_item">
    	<select class="form-control" id="fixState" style="width:100px;">
    		<option value="2">全部</option>
    		<option value="0">待处理</option>
    		<option value="1">已处理</option>
    	</select>
    </div>
    <div class="information">
    	<div class="scrollTable">
        <table class="table table-striped table-bordered table-hover clicktoCheckbox">
            <thead>
                <tr style="background:#ededed;">
               		<th>故障描述</th>
               		<th>图片</th>
               		<th>状态</th>
               		<th>操作</th>
                </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="messageDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyoard="false">
	<div class="modal-dialog modal-lg" style="min-width:900px">
		<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" id="myModalLabel">
					报修信息
				</h4>
			</div>
			<div class="modal-body">
				<p>
					<span>报修描述：</span>
					<span id="fixMsg" class="fixWatch">213123</span>
				</p>
				<p style="width: 95%;height: 1px;background: #333;margin-right: 30px"></p>		
				<p>
					<span>图片：</span>
					<p id="picShow">
						
					<p>
				<p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<script>
var mainHeight = $(window).height()-320+"px";
$(".scrollTable").css({"max-height":mainHeight});
</script>