<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<!--[if lt IE 9]>
|
<script src="js/html5shiv.js"></script>
|
<script src="js/respond.min.js"></script>
|
<![endif]-->
|
<style>
|
img{
|
width: 120px;
|
height: 120px;
|
}
|
|
</style>
|
</head>
|
<body>
|
<div id="container">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td class="xiala">
|
<select class="form-control typeItem" style="width: 200px;display: inline;">
|
<option value="0">全部</option>
|
<option value="1">用户发布</option>
|
<option value="2">后台发布</option>
|
</select>
|
</td>
|
<td>
|
<form class="form-inline" role="form">
|
<div class="form-group" role="search">
|
<input type="text" class="form-control searchText" style="width:200px;" placeholder="搜索">
|
</div>
|
<button type="button" class="btn btn-default searchBtn">搜索</button>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="liebiao">
|
<table class="table">
|
<thead>
|
<th width="7%">选择</th>
|
<th width="7%">编号</th>
|
<th width="12%">用户名</th>
|
<th width="17%">图片</th>
|
<th width="23%">内容</th>
|
<th width="17%">商品名称</th>
|
<th width="10%">商品图片</th>
|
<th width="10%">发布时间</th>
|
</thead>
|
<tbody>
|
<tr style="">
|
<td width="7%">
|
<div class="xuanze">
|
<label> <input type="checkbox" class="check-item"
|
value="#">
|
</label>
|
</div>
|
</td>
|
<td width="7%">
|
<div class="bianhao tjid"></div>
|
</td>
|
<td width="12%">
|
<div class="bianhao yhm"></div>
|
</td>
|
<td width="17%">
|
<div class="imgDiv" style="text-align:center">
|
</div>
|
</td>
|
<td width="23%">
|
<textarea class="reason" style="width: 100%; margin: 0px;min-height: 120px;max-height: 240px;" readonly="readonly"></textarea>
|
</td>
|
<td width="17%">
|
<div class="bianhao spmc"><a target="_blank"></a></div>
|
</td>
|
<td width="10%">
|
<div>
|
<img class="img gurl" src="" />
|
</div>
|
</td>
|
<td width="7%">
|
<div class="bianhao createtime">
|
</div>
|
</td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="page">
|
<ul class="pagination">
|
<li class="disabled pre">
|
<a href="#">«</a>
|
</li>
|
<li>
|
<a href="#" class="next">»</a>
|
</li>
|
</ul>
|
<div class="form-group">
|
<div class="tzan">
|
<button type="button" class="btn btn-primary">跳转</button>
|
</div>
|
<div class="tz">
|
<input class="form-control" type="text" id="customPage" placeholder="页数">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/utli.js"></script>
|
<script>
|
$(function(){
|
|
html = $(".liebiao > table tbody").html();
|
$(".liebiao > table tbody").empty();
|
//搜索点击
|
$(".searchBtn").click(function() {
|
getDetailDate(1);
|
});
|
|
});
|
|
function getDetailDate(pageIndex){
|
var index = layer.load(1, {
|
shade: false
|
});
|
var key =$(".searchText").val();
|
var type =$(".typeItem option:checked").val();
|
$.post("api/v1/dynamic/getDynamicRecommends",{"key":key,"type":type,"page":pageIndex},function(data){
|
if(data.code == 0) {
|
setDetailDate(data.data);
|
fillPage(data.data.pe, function(pageindex) {
|
getDetailDate(pageindex);
|
});
|
layer.close(index);
|
} else {
|
layer.msg("数据访问出错");
|
layer.close(index);
|
}
|
},'json');
|
}
|
|
function setDetailDate(data){
|
$(".zhuti table tbody").empty();
|
var list = data.dynamicRecommends;
|
var dynamicRecommend = null;
|
for (var i=0;i<list.length;i++) {
|
dynamicRecommend = list[i];
|
var id = dynamicRecommend.id;
|
var name = dynamicRecommend.userInfo.nickName;
|
var uPicUrls = dynamicRecommend.uPicUrl;
|
var picArr = uPicUrls.split(",");
|
var reason = dynamicRecommend.reason;
|
var gname = dynamicRecommend.gname;
|
var url = dynamicRecommend.url;
|
var gPicUrl = dynamicRecommend.gPicUrl;
|
var createtime = dynamicRecommend.createtime;
|
$(".zhuti table tbody").append(html);
|
var $curtr = $(".zhuti table tbody tr").eq(i);
|
$curtr.find(".check-item").attr("key",id);
|
$curtr.find(".tjid").text(id);
|
$curtr.find(".yhm").text(name);
|
for (var j=0;j < picArr.length;j++) {
|
$curtr.find(".imgDiv").append("<img class='img' src='"+picArr[j]+"' />");
|
}
|
$curtr.find(".reason").val(reason);
|
$curtr.find(".spmc a").text(gname);
|
$curtr.find(".spmc a").attr("href",url);
|
$curtr.find(".gurl").attr("src",gPicUrl);
|
$curtr.find(".createtime").text(setDateFormat(createtime));
|
}
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
