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

<script>
var k=1;
var houseInfo = {};
var listArray;
$(function(){
	$("aside>ul>li").eq(3).find("a").css({"background":"#00C1DE"})
	$("aside>ul>li").eq(3).siblings('li').find("a").css({"background":"#42485B"})
	if(sessionStorage.isSeller != 1){
		$(".power_btn").remove();
	}
	
	loadPage();
	var mainHeight = $(window).height()-320+"px";
	$(".scrollTable").css({"max-height":mainHeight});
});
/*加载数据*/
 	function loadPage(){
 		$("#houseBody").empty();
 	delete houseInfo.page;
 	var keyword = $("#inputKeyword").val();
 	if($("#inputKeyword").val() != "" ){
	}else if($("#inputKeyword").val()!=" "){
 		houseInfo.keyword = keyword;
	}
 		$.post("system/getCouponRecordList.do",houseInfo,function(resp){
 			var totalCnt = resp.data.totalCnt;
 			$("#totalCnt").html(totalCnt);
 			$('.page').empty();
 			function tt(dd){
 	 	    }
 	 	    var GG = {
 	 	        "kk":function(mm){
 	 	        	houseInfo.page = mm;
 	 	        	loadData();
 	 	        	$(".page").prepend("<span class=\"page_all\">共&nbsp;"+resp.data.totalCnt+"&nbsp;条</span>"); 
 	 	        }
 	 	    }
 	 	    $("#page").initPage(totalCnt,1,GG.kk);
 	 	    
//  	 	  listArray = resp.data.list;
//  	 	    for(var i=0;i<listArray.length;i++){
//  			var line = "<tr><td>"+listArray[i].feedback+"</td>"
//  			+"<td>"+listArray[i].contact+"</td>"
//            	+"<td>"+formatDetailsDate(new Date(listArray[i].indate)).substring(0,10)+"</td>"
//            	+"</tr>";
//  			$("#houseBody").append(line);
//  		}
 		});	
	}
	function loadData(){
		$.post("system/getCouponRecordList.do",houseInfo,function(resp){
			$("#houseBody").empty();
			listArray = resp.data.list;
 	 	    for(var i=0;i<listArray.length;i++){
 			var line = "<tr><td>"+listArray[i].title+"</td>"
 			+"<td>"+listArray[i].couponNo+"</td>"
           	+"<td>"+((listArray[i].type == 1)?"代金券":"按次优惠")+"</td>"
           	+"<td>"+((listArray[i].type == 1)?((listArray[i].couponAmount/100).toFixed(2)+"元"):"-")+"</td>"
           	+"<td>"+formatCaiDanDate(new Date(listArray[i].startTime))+"~"+formatCaiDanDate(new Date(listArray[i].endTime))+"</td>"
           	+"<td>"+listArray[i].timeS+"~"+listArray[i].timeE+"</td>"
           	+"<td>"+formatDetailsDate(new Date(listArray[i].indate))+"</td>"
           	+"<td>"+listArray[i].areaLimit+"</td>"
           	+"<td>"+((listArray[i].mobile == null)?"":listArray[i].mobile)+"</td>"
           	+"<td>"+((listArray[i].orderIdentity == null)?"否":"是")+"</td>"
        	+"<td><a href=\"javascript:recordDetail("+i+")\">详情</a></td>"
           	+"</tr>";
 			$("#houseBody").append(line);
 		}
 		});	
		}
	function sendCoup(){
		sessionStorage.couponId = 0;
		location.href="#/publish";
	}
	
	function recordDetail(index){
		$("#showRecord").modal("show");
		$("#myModalLabel").html("优惠券详情");
		var data = listArray[index];
		$("#title").html(data.title);
		$("#couponNo").html(data.couponNo);
		if(data.type == 1){
			$("#type").html("代金券");
		}else{
			$("#type").html("按次优惠");
		}
		
		$("#couponAmount").html(data.couponAmount);
		$("#startTime").html(formatCaiDanDate(new Date(data.startTime)));
		$("#endTime").html(formatCaiDanDate(new Date(data.endTime)));
		$("#descp").html(data.descp);
		$("#areaLimit").html(data.areaLimit);
		$("#timeLimit").html(data.timeLimit);
		$("#channel").html(data.channel);
		$("#indate").html(formatDetailsDate(new Date(data.indate)));
		$("#mobile").html(data.mobile);
		
		
		
	}
</script>
<div class="section">
    <div class="section_top">
        <p>
            <a>发放记录</a>
        </p>
    </div>
    <div class="add_item">
    <button onclick="sendCoup()" class=" btn btn-default blackborder ">发放优惠券</button>
<!--             <a style="line-height:30px">意见反馈列表</a> -->
<!--             <span>共</span><span id="totalCnt"></span><span>条</span> -->
<!--             <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>
                </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="showRecord" 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: 200px" id="title" ></span><span style="display:inline-block;margin-left: 70px;width: 80px;color:#777">券号：</span><span id="couponNo" type="text"> </span></P>
				<P style="margin-top: 20px"><span style="display:inline-block;width: 80px;color:#777">描述：</span><span  id="descp" 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: 200px" id="channel" type="text"></span><span style="display:inline-block;margin-left: 70px;width: 80px;color:#777">发放时间：</span><span  id="indate" 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: 200px" id="areaLimit" type="text"></span><span style="display:inline-block;margin-left: 70px;width: 80px;color:#777">所有人：</span><span id="mobile" 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: 200px" id="couponAmount" type="text"></span> <span style="display:inline-block;margin-left: 67px;width: 80px;color:#777">优惠类型：</span><span id="type" type="text"></span></p>
				<p style="margin-top: 20px">
    				<span style="color:#777">有效期：</span><span style="margin-left: 10px" id="startTime" type="date"></span> <span style="margin-left: 10px">至</span>   <span style="margin-left: 10px" id="endTime" type="date"></span>
    			</p>
    			<p style="margin-top: 20px">
    				<span style="color:#777">可用时间：</span><span style="margin-left: 10px" id="timeLimit" 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>
	$("#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>