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

<style>
	.coupon_space input,.coupon_space select{
		display:inline-block;
		width:200px;
		padding:0 8px;
		height:26px;
	}
	.section{
		overflow:auto;
	}
</style>
<script>
var houseInfo = {};
var totalPage;
var cId;
var opText = "";
var pageNo = 1;
var membArr = [];
var allUser = null;
$(function(){
	cId = sessionStorage.couponId
	if(cId == 0){
		 $("#identity").val("");
			$("#address").val("");
			$("#chargeRule").html("");
			$("#startDate").val("");
			$("#endDate").val("");
			$("#startTime").val("");
		 	$("#endTime").val("");
		 	$("#chargeType").html("");
		 	$("#charge").html("元");
		 	$("#describe").html("");
	}
			loadCoupon();
			getAllUser();

});
function loadCoupon(){
	$.post("system/getAllTypeList.do",{},function(resp){
		var typeList = resp.data;
		for(var i = 0; i <typeList.length;i++){
			var data = typeList[i];
			var line = "<option value="+data.id+">"+data.name+"</option>";
			$("#identity").append(line);
		}
			if(cId == 0){
				cId = typeList[0].id;
			}
			loadData();
	});
}
	function loadData(){
		$.post("system/getCouponTypeDetail.do",{"id":cId},function(resp){
			var data = resp.data;
			if(resp.code == "ok"){
					 $("#identity").val(data.id);
					 $("#address").html(data.address);
					 $("#startDate").val(data.startdate);
					 $("#endDate").val(data.enddate);
					 $("#startTime").val(data.starttime);
					 $("#endTime").val(data.endtime);
					 $("#describe").html(data.descp);
					 if(data.type == 1){
						 $("#chargeType").html("代金券");
						 $("#chargeRule").html((data.money/100).toFixed(2));
					 }else{
						 $("#chargeType").html("按次优惠");
						 $("#chargeRule").html(data.money);
					 }
					 $("#charge").html("元");
				 	if(data.type == 1){
				 		$("#charge").html("元");
				 	}else{
				 		$("#charge").html("次");
				 	}
			}else{
				alert("不可预知的错误发生了，请关闭后重试");
			}
			
 		});	
		}
	
function changeName(){
	cId =  $("#identity").val();
	
	loadData();
}
// function sendType(){
// 	 if($("#sendType").val() == 1){
// 		 $("#phoneText").show();
// 		 $("#phone").show();
// 	 }else{
// 		 $("#phoneText").hide();
// 		 $("#phone").hide();
// 	 }
// }
/**
 * 发放优惠券
 */
 function sendCoupon(){
// 	var sTime = $("#startDate").val();
// 	var startTime = sTime.replace(new RegExp("-","gm"),"/");
// 	var startHm = (new Date(startTime)).getTime(); 
// 	alert(startHm);
	var param={};
	param.title =$("#identity").find("option:selected").text();
	param.typeId =$("#identity").find("option:selected").val();
	if($("#chargeType").html() == "代金券"){
		param.type = 1;
		param.couponAmount = $("#chargeRule").html()*100;
	}else{
		param.type = 2;
		param.couponAmount = $("#chargeRule").html();
	}
	
	param.descp = $("#describe").html();
	param.timeS = $("#startTime").val();
	param.timeE = $("#endTime").val();
// 	param.pushType =$("#sendType").val();
	param.areaLimit = $("#address").html();
	param.startTime = $("#startDate").val();
	param.endTime = $("#endDate").val();
// 	if($("#sendType").val() == 1){
// 		param.mobile = $("#phone").val();
// 	}
	if(membArr.length == 0){
		alert("请选择发放目标");
	}else{
		var idList = "";
		for(var i = 0;i<membArr.length;i++){
			idList += membArr[i] + ","
		}
		param.ids = idList.substring(0,idList.length-1);
		$.post("system/pushCouponToMul.do",param,function(resp){
			var code = resp.code;
			if(code =="ok"){
				location.href="#/record";
			}else if(code == "error"){
				alert(resp.msg);
			}
			
		});	
	}
}
 /*选择发放目标*/
 function openSelectMemb(){
		getUser();
		$("#prePage").hide();
	 $("#selectMembModel").modal('show');
 }
 /*搜索用户*/
 	function searchUser(){
 		getSelUser();
	 	pageNo = 1;
 		$("#prePage").hide(); 
 		getUser();
 	}
 /*获取用户*/
function getAllUser(){
	$.post("getUserAllList.do",{}, function(resp){
		allUser = resp.data;
	});
 } 
function getUser() {
	$.post("getUserList.do",{"page":pageNo,"mobile":$("#keyMobile").val()}, function(resp){
		$("#membData").empty();
		var listArray = resp.data.list;
		totalPage = resp.data.totalPage;
		for (var i=0;i<listArray.length;i++) {
			var item = listArray[i];
			if(item.nickname == null || item.nickname == ""){
				item.nickname = "";
			}else{
				item.nickname += "--";
			}
			var line = 	"<tr>"
							+"<td style=\"text-align:center;\"><input type=\"checkbox\" "+((membArr.indexOf(""+item.id) == -1)?"":"checked")+" value=\""+item.id+"\"></td>"
							+"<td>"+item.nickname+item.mobile+"</td>"
						+"</tr>"	
			$("#membData").append(line); 
		}
	});
}
 /*获取已选择的用户*/
 function getSelUser(){
		$("#membData input[type=checkbox]").each(function(index,item){
			if($(this).prop("checked") && membArr.indexOf($(this).val()) == -1){
				membArr.push($(this).val());
			}
			if(!$(this).prop("checked") && membArr.indexOf($(this).val()) != -1){
				membArr.splice(membArr.indexOf($(this).val()),1);
			}
		});
		console.log(membArr);
 }
 /*改变页数*/
 	function changePage(index){
 		getSelUser();
		if(index == 1){
			pageNo -= 1;
		}else{
			pageNo += 1;
		}	
		if(pageNo == 1){
			$("#prePage").hide();
		}else{
			$("#prePage").show();
		}
		if(pageNo == totalPage){
			$("#nextPage").hide();
		}else{
			$("#nextPage").show();
		}
		getUser();
 	}

/*清空选择的用户*/
 function clearSelected(){
		 membArr = [];
		 getUser();
	}
/*选择全部*/
	function selectAll(){
		membArr = [];
		$("#membData input[type=checkbox]").prop("checked",true);
		for(var i = 0;i<allUser.length;i++){
			membArr.push(""+allUser[i].id);
		}
	}
/*保存关闭*/
 	function sureMemb(){
 		getSelUser();
 		$("#selectMembModel").modal('hide');
 		$("#targetNum").html("已选择 "+membArr.length+" 个");
	}
</script>
<div class="section">
    <div class="add_item">
    <h4>优惠券发放</h4>
    </div>
    	<div class="modal-header">
    	<h4 class="modal-title" style="margin-left: 40px;">优惠券信息
    	</h4>
    	</div>
    		<div class="modal-body coupon_space">
<!--     			<span style="width: 900px;height: 1px;color: #333"></span> -->
				<p  style="margin-top: 10px"><span style="display:inline-block;vertical-align:middle;width: 80px">券名：</span><select onchange="changeName()" id="identity" type="text" class="form-control"></select> </P>
				<p  style="margin-top: 20px"><span style="vertical-align:middle;display:inline-block;width: 80px;">描述：</span><span></span><input id="describe" type="text" class="form-control" style="width:420px;"></p>
				<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;">优惠类型：</span>
				<span id="chargeType"  style="width: 80px" onchange="changeType()"></span>
<!-- 				<option value="1">代金券</option> -->
<!-- 				<option value="2">按次优惠</option> -->
<!-- 				</select> -->
				<span style="display:inline-block;width: 80px;margin-left: 200px">优惠额度：</span><span id="chargeRule" type="text"></span> <span id="charge">元</span>
				</p>
				<P style="margin-top: 20px"><span style="display:inline-block;width: 80px">使用地点：</span><span style="margin-left: 1px" id="address" type="text"></span></p> 
				
				<p style="margin-top: 20px">
    				<span style="display:inline-block;width: 80px;vertical-align:middle">有效期：</span><input class="form-control" id="startDate" type="date"> 至   <input class="form-control" id="endDate" type="date">
    			</p>
    			<p style="margin-top: 20px">
    				<span style="display:inline-block;width: 80px;vertical-align:middle">使用时间：</span><input class="form-control" id="startTime" type="time"> 至   <input class="form-control" id="endTime" type="time">
    			</p>
    			<p style="margin-top: 20px"><span style="display:inline-block;width: 80px;vertical-align:middle">发放目标：</span>
<!-- 				<select id="sendType" style="width: 80px"onchange="sendType()"> -->
<!-- 				<option value="1">个人</option> -->
<!-- 				<option value="2">所有人</option> -->
<!-- 				</select> -->
				<img src="images/add.png" onclick="openSelectMemb()" style="width:24px;">
				<span id="targetNum">已选择 0 个</span>
<!-- 				<span id="phoneText"style="display:inline-block;width: 80px;margin-left: 165px">手机号：</span><input id="phone" type="text"> -->
				</p>
			</div>
			<div class="modal-footer" style="text-align: center" >
				<button type="button" class="btn btn-default" data-dismiss="modal" onclick="returnPage()">取消
				</button>
				<button type="button" style="margin-left: 40px"class="btn btn-primary" onclick="sendCoupon()">
					发放
				</button>
			</div>
    
</div>
<!--选择目标模态框 -->
<div class="modal fade" id="selectMembModel" 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="text" id="keyMobile" class="form-control" style="width:510px;display:inline-block;"><button onclick="searchUser()" class="btn btn-default">搜索</button>
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th></th>
								<th>人员</th>
							</tr>
						</thead>
						<tbody id="membData">
						</tbody>
					</table >		
					<p style="padding:0;text-align:center;margin-top:10px;">
						<button onclick="selectAll()" id="" class="btn btn-default btn-xs">选择全部用户</button>
						<button onclick="clearSelected()" id="" class="btn btn-default btn-xs">清空选择</button>
						<button onclick="changePage(1)" id="prePage" class="btn btn-default btn-xs">上一页</button>
						<button onclick="changePage(2)" id="nextPage" class="btn btn-default btn-xs">下一页</button>
					</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="sureMemb()"> 
					保存
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<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');  
    
	var mainHeight = $(window).height()-100+"px";
	$(".section").css({"height":mainHeight});
</script>