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

<script>
var k=1;
var houseInfo = {};
var listArray;
var isMod = false;
var cId;
var data;
var pageNo;
$(function(){
	$("aside>ul>li").eq(2).find("a").css({"background":"#00C1DE"})
	$("aside>ul>li").eq(2).siblings('li').find("a").css({"background":"#42485B"})
	loadPage();
	var mainHeight = $(window).height()-320+"px";
	$(".scrollTable").css({"max-height":mainHeight});
	$("#genQR").click(function() {
		genQR();
	});
});
/*加载数据*/
 	function loadPage(){
 	if($("#inputKeyword").val() != "" ){
 		houseInfo.keyword = $("#inputKeyword").val();
	}else if($("#inputKeyword").val()!=" "){
 		houseInfo.keyword = $("#inputKeyword").val();
	}
	$("#houseBody").empty();
 	delete houseInfo.page;
 		$.post("system/getCouponTypeList.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(){
		if($("#inputKeyword").val() != "" ){
	 		houseInfo.keyword = $("#inputKeyword").val();
		}else if($("#inputKeyword").val()!=" "){
	 		houseInfo.keyword = $("#inputKeyword").val();
		}	
		houseInfo.page = pageNo;
		$.post("system/getCouponTypeList.do",houseInfo,function(resp){
			$("#houseBody").empty();
			 listArray = resp.data.list;
 	 	    var realName = "";
 	 	    for(var i=0;i<listArray.length;i++){
 			var line = "<tr>"
 			+"<td>"+listArray[i].name+"</td>"
           +"<td>"+listArray[i].startdate+" ~ "+listArray[i].enddate+"</td>"
           +"<td>"+listArray[i].starttime+" ~ "+listArray[i].endtime+"</td>"
           +"<td>"+listArray[i].address+"</td>"
           +"<td>"+((listArray[i].type == 1)?"代金券":"按次优惠")+"</td>";
			if(listArray[i].type == 1){
				line +="<td>"+(listArray[i].money/100).toFixed(2)+"元</td>";
			}else{
				line +="<td>"+listArray[i].money+"次</td>";
			}        
			line += "<td><a href=\"javascript:show("+i+")\">查看</a>" 
	       +"<a href=\"javascript:mod("+i+")\">编辑</a>" 
	       +"<a href=\"javascript:send("+listArray[i].id+")\">发放</a>" 
	       +"<a href=\"javascript:delCoupon("+listArray[i].id+")\">删除</a>" 
	       +"</td></tr>";
 		$("#houseBody").append(line);
 		}
 		});	
		
	}
	function delCoupon(id){
		if(confirm("确认删除该优惠券？")){
			$.post("system/delCouponType.do",{"id":id},function(resp){
				if(resp.code == "ok"){
					loadPage();
					
				}else{
					alert("删除失败，请刷新页面后重试");
				}
			});
		}
	}
	function delCoupon(id){
		$.post("system/delCouponType.do",{"id":id},function(resp){
			if(resp.code == "ok"){
				alert("删除成功");
				loadPage();
				
			}else{
				alert("删除失败，请刷新页面后重试");
			}
		});
	}
	
	function genQR() {
		$.post("system/genCouponQR.do",{"id":data.id}, function(resp) {
			setTimeout(function() {
				$("#qrImg").attr("src","qr/"+data.id+"_title.png");
			},2000);
		});
	}
	
	function send(id){
		sessionStorage.couponId = id;
		location.href="#/publish?cId="+id;
	}
	/*
	 * 新增优惠券模态框
	 */
	 function showModal(){
		isMod = false;
		$("#chargeP").show();
	    $("#addCuoModal").modal('show');
	    $("#myModalLabel").html("新增优惠券");
	    $("#identity").val("");
		$("#address").val("");
		$("#describe").val("");
		$("#chargeRule").val("");
		$("#startDate").val("");
		$("#endDate").val("");
		$("#startTime").val("00:00");
	 	$("#endTime").val("23:59");
	 	$("#chargeType").val(1);
	 	$("#charge").html("元");
	}
	 /**
	 * 编辑
	 */
	function mod(index){
		isMod = true;
		$("#addCuoModal").modal('show');
		$("#myModalLabel").html("优惠券编辑");
			var data = listArray[index];
			cId = data.id;
			 $("#identity").val(data.name);
			 $("#address").val(data.address);
		    
			 $("#startDate").val(data.startdate);
			 $("#endDate").val(data.enddate);
			 $("#startTime").val(data.starttime);
			 $("#endTime").val(data.endtime);
			 $("#chargeType").val(data.type);
			 $("#describe").val(data.descp);
			 $("#charge").html("元");
		 	if(data.type == 1){
		 		 $("#chargeP").show();
		 		$("#charge").html("元");
		 		 $("#chargeRule").val(data.money/100);
		 	}else{
		 		$("#chargeP").hide();
// 		 		$("#charge").html("次");
// 		 		$("#chargeRule").val(data.money);
		 	}
	}
	/*查看*/
	function show(index){
		
		$("#showPointModal").modal('show');
		$("#showPointModal h4").html("优惠券详情");
		data = listArray[index];
		$("#address1").html(data.address);
		$("#identity1").html(data.name);
		if(data.type == 1){
	 		$("#chargeRule1").html(data.money/100+"元");
	 	}else{
	 		$("#chargeRule1").html(data.money+"次");
	 	}
		$("#startDate1").html(data.startdate);
		$("#endDate1").html(data.enddate);
		$("#startTime1").html(data.starttime);
	 	$("#endTime1").html(data.endtime);
	 	$("#describe1").html(data.descp);
	 	$("#qrImg").attr("src","qr/"+data.id+"_title.png");
	}
	
	
	/**
	 * 增加车位
	 */
	 function addCouponType(){
		if($("#identity").val() == ""){
			alert("券名不能为空");
		}else if($("#address").val() == ""){
			alert("使用地点不能为空");
		}else if($("#startTime").val() == ""){
			alert("使用时间不能为空");
		}else if($("#endTime").val() == ""){
			alert("使用时间不能为空");
		}else if($("#endDate").val() == ""){
			alert("有效期 不能为空");
		}else if($("#startDate").val() == ""){
			alert("有效期不能为空");
		}else{
			
		 var param = {};
		 param.address = $("#address").val();
		 param.name = $("#identity").val();
		 param.startdate = $("#startDate").val();
		 param.enddate = $("#endDate").val();
		 param.starttime = $("#startTime").val();
		 param.endtime = $("#endTime").val();
		 param.type = $("#chargeType").val();
		 if($("#chargeType").val() == 1){
			 param.money = $("#chargeRule").val()*100;
		 }else{
			 param.money = 1;
		 }
		 
		 param.descp = $("#describe").val();
		 if(isMod){
			 param.id = cId;
		 }
		$.post("system/addCouponType.do",param,function(resp){
			var code = resp.code;
			if(code == "ok"){
				$("#addCuoModal").modal('hide');
				alert("添加成功");
				loadPage();
			}else{
				alert("添加失败，请重新添加");
			}
		});
		}
	}
function changeType(){
	 if($("#chargeType").val() == 1){
		 $("#charge").html("元");
		 $("#chargeP").show();
	 }else{
		 $("#chargeP").hide();
// 		 $("#charge").html("次");
	 }
}
</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>
                </tr>
            </thead>
            <tbody id="houseBody" class="td_btn">

            </tbody>
         </table>
         </div>
		<ul class="page" maxshowpageitem="5" pagelistcount="15"  id="page"></ul>
    </div>
</div>
<!--增加优惠券模态框 -->
<div class="modal fade" id="addCuoModal" 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: 85px;color:#777">券名：</span><input id="identity" type="text"/> </P>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 81px;color:#777">优惠类型：</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: 85px;color:#777">使用地点：</span><input   id="address" type="text"/></p> 
				
				<p style="margin-top: 20px" id="chargeP"><span style="display:inline-block;width: 80px;color:#777">优惠额度：</span><input style="margin-left: 5px" id="chargeRule" type="text"/> <span id="charge">元</span></p>
				<p style="margin-top: 20px"><span style="vertical-align:top;;display:inline-block;width: 80px;color:#777">描述：</span><textarea style="margin-left: 5px;width: 332px;height: 115px" id="describe" type="text"></textarea> </p>
				<p style="margin-top: 20px">
    			<span style="color:#777">有效期：</span>	<input style="margin-left: 30px"id="startDate" type="date"/> 至   <input id="endDate" type="date"/>
    			</p>
    			<p style="margin-top: 20px">
    				<span style="color:#777">使用时间：</span><input style="margin-left: 15px"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="addCouponType()">
					保存
				</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></p>
				<p  style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">券名：</span><span style="color: #333" id="identity1" ></span></P>
				<P style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">使用地点：</span><span style="color: #333" id="address1" type="text"></span></p> 
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">优惠额度：</span><span style="color: #333" id="chargeRule1" type="text"></span> </p>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">描述：</span><span  style="color: #333" id="describe1" type="text"></span> </p>
				<p style="margin-top: 20px">
    			<span style="color:#777">有效期：</span><span style="margin-left: 23px;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 -->
<!--路由跳转-->
<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();
	});
	UE.delEditor('editor');
</script>