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

<script>
var id;
var incomeParam;
	$(function(){
		var mainHeight = $(window).height()-320+"px";
		$(".scrollTable").css({"max-height":mainHeight});
		id = getParam('id');
		loadPages();
	})
	
/*获取页数*/
	function loadPages() {	
		$.post("getParkingPointList.do",{"communityId":id},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(){
		$("#checkedAll").prop("checked",false); 
		$.post("getParkingPointList.do",{"page":pageNo,"communityId":id},function(resp){
			$("#bodyData").empty();
			  listArray = resp.data.list;
			  if(listArray.length > 0){
				  $(".operate_space").show();
			  }else{
				  $(".operate_space").hide();
			  }
			  for(var i=0;i<listArray.length;i++){
				  var chargea = listArray[i].chargeRule;
				  var charge = chargea / 100;
				  var status = "";
				  if(listArray[i].status == 0){
					  status = "<font style=\"color:green;\">空闲</font>";
				  }else if(listArray[i].status == 1){
					  status = "<font style=\"color:#FECA41;\">预订</font>";
				  }else if(listArray[i].status == 2){
					  status = "<font style=\"color:red;\">使用</font>"; 
				  }
				  var line = "<tr onclick=\"isCheckedbox("+i+")\"><td><input onclick=\"isCheckedbox("+i+")\" type='checkbox'></td>"
	              +"<td>"+listArray[i].address+"</td>"
	              +"<td>"+listArray[i].identity+"</td>"
	              +"<td>"+listArray[i].code+"</td>"
	              +"<td>"+listArray[i].sms+"</td>";
	              if(listArray[i].chargeType == 1){
	            	  line += "<td>"+(listArray[i].chargeRule/100).toFixed(2)+(listArray[i].chargeType==1?"元/半小时":"元/次")+"</td>";
	              }else{
	            	  line+= "<td>"+(listArray[i].chargeRule/100).toFixed(2)+(listArray[i].chargeType==1?"元/半小时":"元/次")+"</td>";
	              }
	              line+="<td>"+listArray[i].startDate+" ~ "+listArray[i].endDate+"</td>"
	              +"<td>"+listArray[i].startTime+" ~ "+listArray[i].endTime+"</td>"
	              +"<td>"+status+"</td>"
	              +"<td><a href=\"javascript:pointDetail("+i+")\">详情</a>"
	              +"<a href=\"javascript:useRecord("+listArray[i].identity+")\">使用记录</a>"  
	              +"</td></tr>"
		 		$("#bodyData").append(line);
			  }
	 		});	
	}
/*查看*/
	function pointDetail(index){
// 		return false
		$("#showPointModal").modal('show');
		$("#showPointModal h4").html("车位详情");
		data = listArray[index];
		$("#address1").html(data.address);
		$("#identity1").html(data.identity);
		$("#lat1").html(data.lat);
		$("#lng1").html(data.lng);
		if(data.chargeType == 1){
	 		$("#chargeRule1").html(data.chargeRule/100+"元/半小时");
	 	}else{
	 		$("#chargeRule1").html(data.chargeRule+"元/次");
	 	}
		$("#startDate1").html(data.startDate);
		$("#endDate1").html(data.endDate);
		$("#startTime1").html(data.startTime);
	 	$("#endTime1").html(data.endTime);
	 	$("#sms1").html(data.sms);
	 	$("#code1").html(data.code);
// 	 	$("#qrImg").attr("src","qr/"+data.code+"_title.png");
	}
/*使用记录*/
 	function useRecord(identity){
 		location.href="#/useRecord:&identity="+identity;
	}
/*升降*/
function changeKey(keys){
	var identityList = "";
	$("table.clicktoCheckbox input[type=checkbox]").each(function(index,item){
		if($(this).prop("checked")){
			identityList += listArray[index].identity + ",";
		}
	});
	if(identityList == ""){
			alert("请选择车位");
	}else{
		identityList = identityList.substring(0,identityList.length-1);
		$.post(keys==0?"mulLockUp.do":"mulLockDown.do",{"identity":identityList},function(resp){
			if(resp.code == "ok"){
				alert("操作成功");
				loadData();
			}else{
				alert(resp.msg)
			}
		})
	}
}
// /*收益设置*/
//  	function openModalIncome(incomeIndex){
//  		var selectList = "";
//  		$("#coountText").val() == "";
//  		incomeParam = {};
// 		$("table.clicktoCheckbox input[type=checkbox]").each(function(index,item){
// 			if($(this).prop("checked")){
// 				selectList += listArray[index].id + ",";
// 			}
// 		});
// 		if(selectList == ""){
// 			alert("请选择车位");
// 		}else{
// 			incomeParam.parkList = selectList.substring(0,selectList.length-1);
// 			incomeParam.type = incomeIndex;
// 			$("#modalIncome").modal('show');
// 		}
 		
// 	}
// 	function incomeSubmit(){
// 		if($("#coountText").val() == ""){
// 			alert("请填写收益"); 
// 		}else{
// 			incomeParam.income = $("#coountText").val();
// 			$.post("setIncome.do",incomeParam,function(resp){
// 				if(resp.code == "ok"){
// 					alert("操作成功");
// 					loadData();
// 				}else{
// 					alert(resp.msg)
// 				}
// 			})
// 		}
// 	}
	/*批量操作checkbox*/
	function isCheckedbox(i){ 
		var isTrue = !($("table.clicktoCheckbox input[type=checkbox]").eq(i).prop("checked"));
		$("table.clicktoCheckbox input[type=checkbox]").eq(i).prop("checked",isTrue);
		if($("table.clicktoCheckbox input[type=checkbox]").length == $("table.clicktoCheckbox input[type=checkbox]:checked").length){
			$("#checkedAll").prop("checked",true); 
		}else{
			$("#checkedAll").prop("checked",false); 
		}
	}
	function checkAll(){
		var isTrue = $("#checkedAll").prop("checked");
		$("table.clicktoCheckbox input[type=checkbox]").prop("checked",isTrue);
	}
</script>
<div class="section">
    <div  class="section_top">
        <p >
            <a>物业管理  > 车位</a>
        </p>
    </div>
    <div class="add_item">
        <button onclick="returnPage()" class=" btn btn-default blackborder pull-right">返回</button>
    </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>
               		<th>手机号</th>
               		<th>收费标准</th>
                    <th>营业日期</th>
					<th>营业时间</th>
					<th>状态</th>
					<th>操作</th>
                </tr>
            </thead>
            <tbody id="bodyData" class="td_btn">

            </tbody>
         </table>
         </div>
         <div class="operate_space" style="display:none;">
         	<lable><input type="checkbox" onclick="checkAll()" id="checkedAll">全选</lable>
         	<button style="width: 30px;" class="btn btn-default btn-xs btn-success" onclick="changeKey(0)">升</button>
         	<button style="width: 30px;" class="btn btn-default btn-xs btn-success" onclick="changeKey(1)">降</button>
<!--          	<button class="btn btn-default btn-xs btn-success" onclick="openModalIncome(1)">业主收益</button> -->
<!--          	<button class="btn btn-default btn-xs btn-success" onclick="openModalIncome(2)">物业收益</button> -->
<!--          	<button class="btn btn-default btn-xs btn-success" onclick="openModalIncome(3)">平台收益</button>  -->
         </div>
		<ul class="page" maxshowpageitem="5" pagelistcount="15"  id="page"></ul>
    </div>
</div>
<!--查看车位信息模态框 -->
<div class="modal fade" id="showPointModal" 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 style="margin-top: 20px;"><span style="display:inline-block;width: 80px;color:#777;">二维码</span><span style="display:inline-block;width: 350px;color: #333;" ><img id="qrImg" alt="" src="" style="width:100px;"><button id="genQR" style="bottom:0;">生成二维码</button></span></p> -->
				<p  style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">车位标识：</span><span style="display:inline-block;width: 350px;color: #333" id="identity1" ></span><span style="display:inline-block;margin-left: 50px;width: 80px;color:#777">车锁编码：</span><span style="color: #333"id="code1" type="text"> </span></P>
				<P style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">地址：</span><span style="display:inline-block;width: 350px;color: #333" id="address1" type="text"></span><span style="display:inline-block;margin-left: 50px;width: 80px;color:#777">手机号：</span><span style="color: #333"id="sms1" type="text"> </span></p> 
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777"> 经度：</span><span style="display:inline-block;width: 350px;color: #333"  id="lat1" type="text"></span> <span style="display:inline-block;margin-left: 48px;width: 80px;color:#777">纬度：</span><span style="color: #333"id="lng1" type="text"></span></p>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">收费标准：</span><span id="chargeRule1" type="text"></span> </p>
				<p style="margin-top: 20px">
    				<span style=";color:#777">营业日期：</span><span style="margin-left: 10px;color: #333" id="startDate1" type="date"></span> <span style="margin-left: 10px">至</span>   <span style="margin-left: 10px;color: #333" id="endDate1" type="date"></span>
    			</p>
    			<p style="margin-top: 20px">
    				<span style=";color:#777">营业时间：</span><span style="margin-left: 10px;color: #333" id="startTime1" type="time"></span><span style="margin-left: 10px">至</span>   <span style="margin-left: 10px;color: #333" id="endTime1" type="time"></span>
    			</p>
			</div>
			<div class="modal-footer" >
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
<!-- 				<button type="button" class="btn btn-primary" onclick="addParkPoint()"> -->
<!-- 					保存 -->
<!-- 				</button> -->
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<!--收益设置模态框 -->
<div class="modal fade" id="modalIncome" 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">
					<input type="number" class="form-control" id="coountText" style="width:100%;">			
			</div>
			<div class="modal-footer" >
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" onclick="incomeSubmit()"> 
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<script>
var mainHeight = $(window).height()-320+"px";
$(".scrollTable").css({"max-height":mainHeight});
</script>