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

<script>
var k=1;
var houseInfo = {};
var imgSrc="";
var type = 0;
$(function(){
// 	if(sessionStorage.loadIndex == 1){
// 		location.reload(false);
// 		sessionStorage.loadIndex = 2;
// 	}
	$("aside>ul>li").eq(0).find("a").css({"background":"#00C1DE"})
	$("aside>ul>li").eq(0).siblings('li').find("a").css({"background":"#42485B"})
	loadPage();
	var mainHeight = $(window).height()-320+"px";
	$(".scrollTable").css({"max-height":mainHeight});
});
/*加载页数*/
 	function loadPage(){
 	delete houseInfo.page;
 	if($("#inputKeyword").val() != "" ){
	}else if($("#inputKeyword").val()!=" "){
	houseInfo.keyword = $("#inputKeyword").val();
	}
 		$.post("system/getMessageList.do",houseInfo,function(resp){
 			var totalCnt = resp.data.totalCnt;
 			$('.page').empty();
 			function tt(dd){
 	 	    }
 	 	    var GG = {
 	 	        "kk":function(mm){
 	 	        	houseInfo.page = mm;
 	 	        	loadMessageList();
 	 	        	$(".page").prepend("<span class=\"page_all\">共&nbsp;"+resp.data.totalCnt+"&nbsp;条</span>"); 
 	 	        }
 	 	    }
 	 	    $("#page").initPage(totalCnt,1,GG.kk);
 		});		
	}
	/*加载消息列表*/
	function loadMessageList(){
		
			
			houseInfo.keyword = $("#inputKeyword").val().trim();
			
		 		$.post("system/getMessageList.do",houseInfo,function(resp){
		 			$("#messageBody").empty();
		 			var mList = resp.data.list;
		 			for(var i = 0;i<mList.length;i++){
		 				var message = mList[i];
		 				var line = "<tr>"
	                    +"<td>"+message.title+"</td>"
	                    +"<td>"+formatDetailsDate(new Date(message.indate)).substring(0,10)+"</td>"
	                    +"<td> <a href=\"javascript:detail("+message.id+")\">查看</a>"
	                    +"<a href=\"javascript:modMessage("+message.id+")\">编辑</a>"
	                    +"<a href=\"javascript:publish("+message.id+",'"+message.title+"')\">推送</a>"
	                    +"<a href=\"javascript:showMobile("+message.id+")\">手机预览</a>"
	                    +"</td>"
	                	+"</tr>"
	                	$("#messageBody").append(line);
		 			}
		 		});
	}
	/*手机预览*/
	function showMobile(id){
		location.href="showMobile.html?mId="+id;
	}
	
	
	/*查看详情 */
	function detail(id){
		$("#messageDetail").modal('show');
		$("#messageDetail h4").html("消息详情");
		$.post("system/getMessageDetail.do",{"id":id},function(resp){
			var msg = resp.data;
			$("#msgTitle").html(msg.title);
			$("#msgSrc").attr("src","upload/"+msg.pic);
			$("#msgContent").html(msg.content);
		});
	}
	/*编辑*/
	function modMessage(id){
		sessionStorage.msgId = id;
		type = 2;
		$("#myModal_addHouse").modal('show');
		$("#myModal_addHouse h4").html("消息编辑");
		$.post("system/getMessageDetail.do",{"id":id},function(resp){
			var msg = resp.data;
			$("#Title").val(msg.title);
			$("#mesImg").attr("src","upload/"+msg.pic);
// 			$("#editor").setcontent(msg.content);
			ue.setContent(msg.content);
		});
	}
/*消息推送*/
 function publish(id,title){
	$.post("system/publishMsg.do",{"id":id,"title":title},function(resp){
		if(resp.code == "ok"){
			alert("推送成功");
		}
		
	});
}
 
/*添加图片*/
	function uploadFile(){
		   var formData = new FormData();
		   formData.append('pic', $("#uploadImg")[0].files[0]);
		   $.ajax({
			    url: 'uploadCommonPic.do',
			    type: 'POST',
			    cache: false,
			    data: formData,
			    processData: false,
			    contentType: false
			}).done(function(resp) {			
				var fName = resp.data;
				imgSrc = fName;
				$("#mesImg").attr('src',"upload/"+fName);
				var str=$("#uploadImg").val();
				var arr=str.split('\\');
				var fileName=arr[arr.length-1];
				var imgItem = "<p><a class=\""+fName.split('.')[0].split('-')[0]+"\" href=\"javascript:deleteImg('"+fName.split('.')[0].split('-')[0]+"','"+fName+"')\">删除</a><img src=\"upload/"+fName+"\"></p>"; 
			}).fail(function(resp) {			
			});
	   }
	/*添加消息模态框打开*/
 	function openAddMessage(){
		type = 1;
		 $("#Title").val("");
// 		 $("#editor").val("");
		 ue.setContent("");
		 $("#mesImg").attr("src","");
		$("#myModal_addHouse").modal('show');
		$("#myModal_addHouse h4").html("发布消息");
		$("#editor").show();
	}
	/*添加消息*/
	function addMessage(){
		var title = $("#Title").val();
		if(title == ""){
			alert("标题不能为空");
		}else{
			
// 		var content = $("#editor").val();
		var param = {};
		if(type == 2){
			param.id = sessionStorage.msgId;
		}
		param.title = title;
		param.content =  UE.getEditor('editor').getContent();
		param.pic = imgSrc;
		$.post("system/addMessage.do",param,function(resp){
			var code = resp.code;
			if(code ="200"){
				$("#myModal_addHouse").modal('hide');
				loadPage();
			}
		});
		}
	}
	
	
</script>
<div class="section">
    <div class="section_top">
        <p>
            <a>消息管理</a>
        </p>
    </div>
    
    <div class="add_item">
<!--         <a style="line-height:30px">消息列表</a> -->
<!--             <span>共</span><span id="totalCnt">0</span><span>条</span> -->
            <button onclick="openAddMessage()" class=" btn btn-default blackborder power_btn">发布消息</button>
        <button onclick="loadPage()" class="pull-right btn btn-default blackborder btn_search">搜索</button>
        <input id="inputKeyword" class="pull-right" placeholder="请输入标题" type="text"/>
<!--          <script id="editor" type="text/plain" ></script>   -->
    </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>
                </tr>
            </thead>
            <tbody id="messageBody" class="td_btn">

            </tbody>
         </table>
        
         </div>
         
		<ul class="page" maxshowpageitem="5" pagelistcount="15"  id="page"></ul>
    </div>
</div>

<!-- 添加消息模态框 -->
<div class="modal fade" id="myModal_addHouse" 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><span>消息标题：</span><input id="Title" type="text"></p>
				<p>
				<span>图片:</span>
				<input type="file" accept="image/jpeg,image/jpg,image/gif,image/png" id="uploadImg" onchange="uploadFile()" style="display:inline-block;opacity:0;margin-left:80px;width:1px;"><input type="hidden" name="uploadImg">
					<button class="btn btn-default btn-xs add_img_btn"><label for="uploadImg">添加图片</label></button>
				</p>
				<div >
					<img alt="请添加图片" style="text-align:center;width: 150px;height:150px;margin-left: 40px;line-height: 130px"  id="mesImg"/>
				</div>				
				
				<p style="margin-top: 20px">
					<span for="editor" >消息内容:</span>
					<script id="editor" type="text/plain" ></script>  
				</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="addMessage()">
					保存
				</button>
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
	<!-- 查看消息模态框 -->
<div class="modal fade" id="messageDetail" 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><span>消息标题：</span><span id="msgTitle"></span></p>
				<p style="margin-top:40px; width: 95%;height: 1px;background: #333333;margin-left: 30px;margin-right: 30px"></p>		
				<p>
				<span>图片:</span>
				
				<div >
					<img style="width: 150px;height:150px;margin-left: 40px;"border="0" id="msgSrc"/>
				</div>				
				<p style="margin-top:40px; width: 95%;height: 1px;background: #333333;margin-left: 30px;margin-right: 30px"></p>		
				<p class="textType">
					<span for="houseMsg1" >消息内容:</span>
					<span style="z-index:1201;padding-left:20px" class="houseMsg" id="msgContent" rows="6" cols="96"></span>
				</p>
				
				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				
			</div>
		</div><!-- /.modal-content -->
		</div>
	</div><!-- /.modal -->
<script type="text/javascript">
    //实例化编辑器 -->
     var ue = UE.getEditor('editor');  
 </script>