lihai
/
YC12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <title>微博详情</title>
    <style>
      		.treeTable {
				/*height: 400px;*/
				/*overflow-y: auto;*/
				width: 100%;
				border: 1px solid #e5e5e5;
				text-align: center;
				padding: 15px;
			}
			
			.con_title {
				font-weight: bold;
				color: #000;
			}
			
			.con_message {
				border-bottom: 1px solid #e5e5e5;
				padding: 5px;
				margin-bottom: 15px;
			}
			
			.con_content {
				text-align: left;
			}
			
			.icon_r {
				margin-right: 3px;
			}
			.box .btop {
		    background: #00a1cb;
		    }
		    .comment_list{
		    	list-style: none;
		    	margin: 0;
		    	padding: 0;
		    	text-align: left;
		    }
		    .comment_con{
		    	    border: 1px dashed #dedede;
			    padding: 10px;
			    margin: 10px 0;
		    }
		    .comment_time{
		    	margin: 0 5px;
		    }
    </style>
</head>

<body class="gray-bg">
    <div class="container-fluid wrapper-content animated fadeInRight">
        <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn><i class="syIcon"></i>位置：<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">网站后台</a>&gt;<a href="" class="nowPosition">微博信息详情</a></sapn>
            </div>
            <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
        </div>
       	<div class="treeTable">
				<h3 class="con_title"></h3>
				<div class="con_message">
					<span>微博ID：</span>
					<sapn class="wid"></sapn>
					<span>创建人：</span>
					<sapn class="cjr"></sapn>
					<span>创建日期：</span>
					<sapn class="time"></sapn>
					<span class="relation"></span>
				</div>
				<table class="con_content table table-striped table-hover">
					<tr>
						<td class="content"></td>
					</tr>
				</table>
				<p style="text-align: left;">评论列表</p>
             <ul class="comment_list">
             	
             </ul>
             <button class="btns page_bef" onclick="pageGo(0);"><i class="fa fa-angle-left" style="margin-right: 5px;"></i>上一页</button>
             <button class="btns page_next" onclick="pageGo(1);">下一页<i class="fa fa-angle-right" style="margin-left: 5px;"></i></button>
			</div>
    </div>
    <script src="../css/layer/layer.js"></script>
    <script>
    	var id = helper.request.queryString("id");
//  	$(document).ready(function(){
    		//微博详情
    		$.ajax({
			type:"get",
			url:huayi.config.callcenter_url + "WeiBo/WeiBoInfoByIn",
			async:true,
			dataType:'json',
			data:{
				token:$.cookie("token"),
				id:id
			},
			success:function(data){
				var con=data.data;
				if(data.state.toLowerCase()=='success'){
						$('.wid').html(con.W_Id)//微博ID
						$('.cjr').html(con.W_Name)//创建人
						$('.time').html(con.W_Created_at);//创建时间
						$('.relation').html(con.W_Source);//关联
						$('.content').html(con.W_Text);//微博信息
						$('<a href="'+con.W_Url+'">更多详情请点击</a>').appendTo('.content');
				}
			}
		});
		//微博评论
		
		var page=1;//页数
		var pagesize=10;//每页显示的条数
		var page_count;//请求后数据条数
		comment(id,page,pagesize);
		function pageGo(action){
			if(action == 0) {
					//上一页
					page--;
					if(page== 0)
						page= 1;
				} else if(action == 1) {
					//下一页
					if(page_count==0){
						page=page;
					}else{
							page++;
					}
				}
				comment(id,page,pagesize) 
		}
		function comment(id,page,pagesize){
			$('.comment_list').html('');
			$.ajax({
			type:"get",
			url:huayi.config.callcenter_url + "WeiBo/CommentsList",
			async:true,
			dataType:'json',
			data:{
				token:$.cookie("token"),
				id:id,
				page:page,
				pagesize:pagesize
			
			},
			success:function(data){
				var con=data.rows;
//				if(data.state.toLowerCase()=='success'){
				  page_count=con.length;
					if(con.length==0){
						page_count=0;
						$('<li>' +
						'<div class="comment_con">已无评论...</div>'+
						'</li>').appendTo('.comment_list')
					}
					$(con).each(function(i,n){
						$('<li>'+
		             		'<div class="comment_person">'+
		             		'<span class="floor">#'+parseInt(parseInt(page-1)*pagesize+parseInt(i+1))+'楼</span>'+
		             		'<span class="comment_time">'+ n.W_Created_at+'</span>'+
		             		'<sapn>'+ n.W_Name+'</sapn>'+
		             		'</div>'+
		             		'<div class="comment_con">'+ n.W_Text+'</div>'+
		             	'</li>').appendTo('.comment_list');
					})
					
					 
//				}
			}
		});
    	
		}
			
//  	})
		
    	
    	
    	
    </script>
</body>

</html>