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

<script>
var k=1;
var houseInfo = {};
var listArray;
var isMod = false;
var parkId;
var data;
var pageNo;
var incomeParam;
var parkListStr;
$(function(){
	$("aside>ul>li").eq(1).find("a").css({"background":"#00C1DE"})
	$("aside>ul>li").eq(1).siblings('li').find("a").css({"background":"#42485B"})
	loadPage();
	var mainHeight = $(window).height()-320+"px";
	$(".scrollTable").css({"max-height":mainHeight});
	$("#genQR").click(function() {
		genQR();
	});
	loadProperty();
// 	$("#dnQR").click(function() {
// 		downQRCode();
// 	});
});
/*加载数据*/
 	function loadPage(){
	if($("#inputKeyword").val() != "" ){
		houseInfo.keyword = $("#inputKeyword").val();
	}else if($("#inputKeyword").val()!=" "){
		
 		houseInfo.keyword = $("#inputKeyword").val();
	}
 		$("#houseBody").empty();
 	delete houseInfo.page;
 		$.post("system/getParkList.do",houseInfo,function(resp){
 			var totalCnt = resp.data.totalCnt;
 			$("#totalCnt").html(totalCnt);
 			$('.page').empty();
 			function tt(dd){
 	 	    }
 	 	    var GG = {
 	 	        "kk":function(mm){
 	 	        	pageNo = mm;
 	 	        	loadData();
 	 	        	$(".page").prepend("<span class=\"page_all\">共&nbsp;"+resp.data.totalCnt+"&nbsp;条</span>"); 
 	 	        }
 	 	    }
 	 	    $("#page").initPage(totalCnt,1,GG.kk);
 	 	    
 		});	
	}
	function loadData(){
		houseInfo = {};
		houseInfo.keyword = $("#inputKeyword").val();
		houseInfo.page = pageNo;
		$.post("system/getParkList.do",houseInfo,function(resp){
			$("#houseBody").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 line = "<tr>"
			  +"<td><input onclick=\"isCheckedbox("+i+")\" type=\"checkbox\" name=\"chanPark\"></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>"+((listArray[i].available == true)?"<font color=\"green\">正常</font>":"<font color=\"red\">已下架</font>")+"</td>"
              +"<td>"+((listArray[i].comName == null)?"":listArray[i].comName)+"</td>"
              +"<td>"+((listArray[i].userIncome == null)?"":listArray[i].userIncome)+"%"+"</td>"
              +"<td>"+((listArray[i].comIncome == null)?"":listArray[i].comIncome)+"%"+"</td>"
              +"<td>"+((listArray[i].platfromIncome == null)?"":listArray[i].platfromIncome)+"%"+"</td>"
              +"<td><a href=\"javascript:pointDetail("+i+")\">查看</a>"
              +"<a href=\"javascript:modPark("+listArray[i].id+")\">编辑</a>"
              +"<a href=\"javascript:setAvailable("+listArray[i].id+","+listArray[i].available+")\">"+((listArray[i].available == true)?"下架":"上架")+"</a>"
              +"</td></tr>"
	 		$("#houseBody").append(line);
			  }
	 		});	
		$("#checkedAll").prop("checked",false);
	}
	/**
	*上下架车位
	*/
	function setAvailable(id,state){
		$.post("system/setPointAvailable.do",{"id":id,"state":state},function(resp){
			alert("操作成功");
			loadPage();
		})
	}
	
	/**
	 * 编辑
	 */
	function modPark(id){
		isMod = true;
		parkId = id;
		$("#addPointModal").modal('show');
		$("#myModalLabel").html("编辑车位信息");
		$("#code").show();
		$("#codeText").show();
		$.post("system/getParkDetail.do",{"id":id},function(resp){
			var code = resp.code;
			if(code == "ok"){
				var data = resp.data;
				$("#address").val(data.address);
				$("#identity").val(data.identity);
				$("#lat").val(data.lat);
				$("#lng").val(data.lng);
				
				$("#startDate").val(data.startDate);
				$("#endDate").val(data.endDate);
				$("#startTime").val(data.startTime);
			 	$("#endTime").val(data.endTime);
			 	$("#sms").val(data.sms);
			 	$("#code").val(data.code);
			 	$("#chargeType").val(data.chargeType);
			 	if(data.chargeType == 1){
			 		$("#charge").html("元/半小时");
			 		$("#chargeRule").val(data.chargeRule/100);
			 	}else{
			 		$("#charge").html("元/次");
			 		$("#chargeRule").val(data.chargeRule);
			 	}
			}else{
				alert("不可预知的错误发生了，请关闭当前页面后重试");
			}
		});
	}
	/*查看*/
	function pointDetail(index){
		
		$("#showPointModal").modal('show');
		$("#showPointModal h4").html("车位详情");
		data = listArray[index];
		$("#address1").html(data.address);
		$("#identity1").html(data.identity);
		$("#comName1").html(data.comName);
		$("#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 downQRCode() {
		openwin("qr/"+data.code+"_title.png");
	}
	
	function openwin(url) {
	    var a = document.createElement("a");
	    a.setAttribute("href", url);
	    a.setAttribute("target", "_blank");
	    a.setAttribute("id", "openwin");
	    document.body.appendChild(a);
	    a.click();
	}
	
	function genQR() {
		$.post("system/genParkQR.do",{"id":data.id}, function(resp) {
			setTimeout(function() {
				$("#qrImg").attr("src","qr/"+data.code+"_title.png");
			},2000);
		});
	}
	/**
	 * 增加车位模态框
	 */
	 function showModal(){
		isMod = false;
		$("#addPointModal").modal('show');
		$("#myModalLabel").html("新增车位");
		$("#code").hide();
		$("#codeText").hide();
		$("#address").val("");
		$("#identity").val("");
		$("#lat").val("");
		$("#lng").val("");
		$("#chargeRule").val("");
		$("#startDate").val("");
		$("#endDate").val("");
		$("#startTime").val("");
	 	$("#endTime").val("");
	 	$("#sms").val("");
	 	$("#chargeType").val(1);
	 	$("#charge").html("元/半小时");
	 }
	/**
	 * 增加车位
	 */
	 function addParkPoint(){
		if($("#identity").val() == ""){
			alert("车位标识不能为空");
		}else if($("#address").val() == ""){
			alert("地址不能为空");
		}else if($("#sms").val()==""){
			alert("手机号码不能为空");
		}else{
			
		 var param = {};
		 param.address = $("#address").val();
		 param.identity = $("#identity").val();
		 param.lat = $("#lat").val();
		 param.lng = $("#lng").val();
		 if($("#chargeType").val() == 1){
			 
		 param.chargeRule = $("#chargeRule").val()*100;
		 }else{
			 param.chargeRule = $("#chargeRule").val();
		 }
		 param.startDate = $("#startDate").val();
		 param.endDate = $("#endDate").val();
		 param.startTime = $("#startTime").val();
		 param.endTime = $("#endTime").val();
		 param.sms = $("#sms").val();
		 param.chargeType = $("#chargeType").val();
		 if(isMod){
			 param.id = parkId;
			 param.code = $("#code").val();
		 }
		$.post("system/addParkPoint.do",param,function(resp){
			var code = resp.code;
			if(code == "ok"){
				$("#addPointModal").modal('hide');
				alert("添加成功");
				loadPage();
			}else{
				alert("添加失败，请重新添加");
			}
		});
		}
	}
 function changeType(){
	 if($("#chargeType").val() == 1){
		 $("#charge").html("元/半小时");
	 }else{
		 $("#charge").html("元/次");
	 }
 }
 /*批量操作checkbox*/
 function isCheckedbox(i){ 
 	if($("input[name=chanPark]").length == $("input[name=chanPark]:checked").length){
 		$("#checkedAll").prop("checked",true); 
 	}else{
 		$("#checkedAll").prop("checked",false); 
 	}
 }
 function checkAll(){
		var isTrue = $("#checkedAll").prop("checked");
		$("input[name=chanPark]").prop("checked",isTrue);
	}
 /*收益设置*/
	function openModalIncome(incomeIndex){
		var selectList = "";
		$("#coountText").val() == "";
		incomeParam = {};
		$("input[name=chanPark]").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"){
					$("#modalIncome").modal('hide');
					loadData();
					alert("操作成功");				
				}else{
					alert(resp.msg)
				}
			})
		}
	}
	/*加载物业列表*/	 
 	function loadProperty(){
 		$.post("system/getCommunityPropertyAllMessageList.do",{},function(resp) {
 			var propertyArray = resp.data;
 			$("#propertyBody").html("");
 			for(var i = 0;i<propertyArray.length;i++){
 			 	var leng = "<tr>"
 			 			+"<td style=\"text-align:center;\"><input type=\"radio\" name=\"property\" value=\""+propertyArray[i].id+"\"></td>"
 			 			+"<td>"+propertyArray[i].name+"</td>";
 			 	+"</tr>";
 			 	$("#propertyBody").append(leng);
 			}
 		});
	}
	/*设置物业*/
	function OpenOptionProperty(){
		parkListStr = "";
		$("input[name=chanPark]").each(function(index,item){
			if($(this).prop("checked")){
				parkListStr += listArray[index].identity + ",";
			}
		});
		if(parkListStr == ""){
			alert("请选择车位");
		}else{
			$("input[name=property]").prop("checked",false);
			$("#propertyModal").modal("show");
			parkListStr = parkListStr.substring(0,parkListStr.length-1)
		}
	
	}
	function optionProperty(){
		if($("input[name=property]:checked").length == 0){
			alert("请选择物业");
		}else{
			$.post("mulSetCommunity.do",{"identity":parkListStr,"comId":$("input[name=property]:checked").val()},function(){
				$("#propertyModal").modal("hide");		
				loadData();
				alert("设置成功");		
			})
		}
		
	}
/*车位重启*/
function parkRestart(){
	parkListStr = "";
	$("input[name=chanPark]").each(function(index,item){
		if($(this).prop("checked")){
			parkListStr += listArray[index].identity + ",";
		}
	});
	if(parkListStr == ""){
		alert("请选择车位");
	}else{
		parkListStr = parkListStr.substring(0,parkListStr.length-1)
		$.post("mulLockRS.do",{"identity":parkListStr},function(resp){
			if(resp.code == "ok"){
				loadData();
				alert("重启成功");
			}else{
				alert(resp.msg);
			}
		})
	}
}
</script>

<div class="section">
    <div class="section_top">
        <p>
            <a>车位管理</a>
        </p>
    </div>
    <div class="add_item">
    
        <button onclick="showModal()" class=" btn btn-default blackborder ">增加车位</button>
        <button onclick="loadPage()" class="pull-right btn btn-default blackborder btn_search">搜索</button>
        <input id="inputKeyword" class="pull-right" placeholder="请输入手机号或标识" type="text"/>
    </div>
    <div class="information">
    	<div class="scrollTable">
        <table class="table table-striped table-bordered">
            <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>
                    <th>业主收益</th>
                    <th>物业收益</th>
                    <th>平台收益</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="houseBody" 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>
         	<button class="btn btn-default btn-xs btn-success" onclick="OpenOptionProperty()">设置物业</button>
         	<button class="btn btn-default btn-xs btn-success" onclick="parkRestart()">车位重启</button>    
         </div>
		<ul class="page" maxshowpageitem="5" pagelistcount="15"  id="page"></ul>
    </div>
</div>
<!--增加车位模态框 -->
<div class="modal fade" id="addPointModal" 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">车位标识：</span><input id="identity" type="text"><span id="codeText"style="display:inline-block;margin-left: 50px;width: 80px">车锁编码：</span><input id="code" type="text"> </P>
				<P style="margin-top: 20px"><span style="display:inline-block;width: 80px">地址：</span><input   id="address" type="text"><span style="display:inline-block;margin-left: 53px;width: 80px">手机号：</span><input  id="sms" type="text"></p> 
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px">经度：</span><input   id="lat" type="text"> <span style="display:inline-block;margin-left: 50px;width: 80px">纬度：</span><input id="lng" type="text"></p>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px">收费方式：</span>
				<select id="chargeType" onchange="changeType()">
				<option value="1">按小时收费</option>
				<option value="2">按次收费</option>
				</select>
				</p>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px">收费标准：</span><input id="chargeRule" type="text"> <span id="charge">元/半小时</span></p>
				<p style="margin-top: 20px">
    				营业日期：<input style="margin-left: 10px"id="startDate" type="date"> 至   <input id="endDate" type="date">
    			</p>
    			<p style="margin-top: 20px">
    				营业时间：<input style="margin-left: 10px"id="startTime" type="time"> 至   <input id="endTime" type="time">
    			</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="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><span style="display:inline-block;margin-left: 50px;width: 80px;color:#777">所属物业：</span><span style="color: #333" id="comName1" 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="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 -->
	<!--选择物业模态框 -->
<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="optionProperty()"> 
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->	
<!--路由跳转-->
<script>
    angular.module("House",['ng','ngRoute']).config(function($routeProvider){
        $routeProvider.when('/veryfied',{
            templateUrl:'tpl/house_veryfied.html'
        }).when('/count',{
            templateUrl:'tpl/house_count.html'
        }).when('/customer',{
            templateUrl:'tpl/house_customer.html'
        }).when('/jjrgl',{
            templateUrl:'tpl/house_jjrgl.html'
        }).otherwise({
            redirectTo:'/admin'
        })
    });
      
</script>
<script>
	$("#special span").click(function(){
		var mark = $(this).children('input').val();
		if(mark == 0){
			$(this).css({"background":"#41C7DB","color":"#fff"});			
			$(this).children('input').val(1);
		}else if(mark == 1){
			$(this).css({"background":"#fff","color":"#333"});
			$(this).children('input').val(0);
		}		
	});
	$(".textType label").click(function(){
		$(this).css({"background":"#41C7DB"}).siblings('label').css({"background":"#fff"}); 
		$(this).next('textarea').show().siblings('textarea').hide();
	});
    //实例化编辑器 -->
     var ue = UE.delEditor('editor');  
</script>