<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">
|
<meta name="referrer" content="never">
|
<title>系统列表</title>
|
<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]-->
|
</head>
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
<div class="container-fluid">
|
<!-- Brand and toggle get grouped for better mobile display -->
|
<div class="navbar-header">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
|
<a class="navbar-brand" href="#"> 视 频 后 台 管 理 系 统 </a> </div>
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
<!-- <ul class="nav navbar-nav">
|
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">布丸视频<span class="caret"></span></a>
|
<ul class="dropdown-menu" role="menu">
|
<li><a href="#">布丸视频</a></li>
|
<li class="divider"></li>
|
<li><a href="#">布丸影视大全</a></li>
|
</ul>
|
</li>
|
</ul>-->
|
|
<ul class="nav navbar-nav navbar-left">
|
<li><a href="#">数据</a></li>
|
<li><a href="tuijian-lanmuneirong.html">推荐</a></li>
|
<li><a href="fenqu.html">分区</a></li>
|
<li><a href="faxian.html">发现</a></li>
|
<li class="active"><a href="shezhi.html">设置</a></li>
|
</ul>
|
<ul class="nav navbar-nav navbar-right">
|
<li class="hover"><a href="#">账户</a></li>
|
<li><a href="#">退出登录</a></li>
|
</ul>
|
</div>
|
<!-- /.navbar-collapse -->
|
</div>
|
<!-- /.container-fluid -->
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
<!-- <dt>
|
<div class="tubiao"><span class="glyphicon glyphicon-pencil"></span></div>
|
数据</dt>-->
|
<dd><a href="shezhi.html">
|
<div class="cebiandh">TOP通知栏</div>
|
</a></dd>
|
<dd><a href="send-message.html">
|
<div class="cebiandh">消息推送</div>
|
</a></dd>
|
<dd><a href="share.html">
|
<div class="cebiandh">分享内容</div>
|
</a></dd>
|
<dd><a href="production.html">
|
<div class="cebiandh">产品信息</div>
|
</a></dd>
|
<dd><a href="systemlist.html">
|
<div class="cebiandh1">系统列表</div>
|
</a></dd>
|
<dd><a href="systemcanshu.html">
|
<div class="cebiandh">系统参数</div>
|
</a></dd>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<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>
|
<td><div class="tianjia">
|
<a href="add-system.html" class="btn btn-primary" type="button">添加子系统 +</a>
|
</div></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="7%">选择</th>
|
<th width="7%">编号</th>
|
<th width="18%">系统名称</th>
|
<th width="18%">包名/BundleId</th>
|
<th width="10%">系统类型</th>
|
<th width="11%">是否正在上线</th>
|
<th width="15%">创建时间</th>
|
<th width="7%">删除</th>
|
<th width="7%">编辑</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td width="7%"><div class="xuanze">
|
<label>
|
<input class="curSys" type="checkbox" value="#">
|
</label>
|
</div></td>
|
<td width="7%"><div class="bianhao code">623</div></td>
|
<td width="18%"><div class="bianhao sysName">布丸_豆豆影视大全</div></td>
|
<td width="18%"><div class="bianhao bundleId">com.doudou.ysvideo</div></td>
|
<td width="10%"><div class="bianhao sysType">Android</div></td>
|
<td width="11%"><div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div></td>
|
<td width="15%" style="text-align:center; line-height:105px;" class="createtime">2016-09-27 12:20</td>
|
<td width="7%"><div class="anniu delete"><img src="image/dustbin.png" data-toggle="modal" data-target="#myModal"></div></td>
|
<td width="7%"><div class="anniu"><a key="370" href="#" ><img src="image/bianji.png"></a></div></td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="qx">
|
<div class="checkbox">
|
<label>
|
<input type="checkbox" class="checkAll" value="#">
|
全选</label>
|
</div>
|
</div>
|
<button class="btn btn-warning deleteSelectAll" type="button">批量删除</button>
|
<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>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="js/common.js"></script>
|
<script src="layer/layer.js"></script>
|
<script>
|
var tabHtml;
|
$(function(){
|
tabHtml = $(".liebiao").html();
|
$(".liebiao").empty();
|
|
getData(1);
|
|
$(".checkAll").bind("change",function(){
|
var ck = this.checked;
|
$(".curSys").prop("checked",ck);
|
});
|
|
$(".searchBtn").bind("click",function(){
|
getData(1);
|
});
|
|
$(".deleteSelectAll").bind("click",function(){
|
var ids="";
|
$(".curSys:checked").each(function(){
|
ids += $(this).attr("key")+",";
|
});
|
if(ids==""){
|
layer.msg("请选择数据");
|
return;
|
}
|
deleteSystem(ids);
|
$(".checkAll")[0].checked=false;
|
});
|
|
});
|
function getData(pageIndex){
|
var key = $(".searchText").val();
|
$.ajax({
|
type:"post",
|
url:"api/system/detailSystemList",
|
async:true,
|
data:{"pageIndex":pageIndex,"key":key},
|
dataType:"json",
|
beforeSend:function(){
|
var index = layer.load(1, {
|
shade: [0.1,'#fff'] //0.1透明度的白色背景
|
});
|
},
|
success:function(data){
|
layer.closeAll("loading");
|
if(data.code==0){
|
setData(pageIndex,data);
|
fillPage(data.pageEntity, function(page) {
|
getData(page);
|
});
|
}
|
},
|
error:function(){
|
layer.closeAll("loading");
|
layer.msg("加载数据出错！");
|
}
|
});
|
}
|
|
function setData(pageIndex,data){
|
$(".liebiao").empty();
|
pageIndex = pageIndex - 1;
|
var $tbody = $(".liebiao > .table > tbody");
|
$(".liebiao tbody").empty();
|
var pageSize = data.pageEntity.pageSize;
|
var totalCount = data.pageEntity.totalCount;
|
var len = (pageSize < totalCount - (pageIndex * pageSize)) ? pageSize : totalCount - (pageIndex * pageSize);
|
len = (pageIndex * pageSize) + len;
|
var ii = pageIndex * pageSize;
|
for(var mm = 0; ii < len && ii < totalCount; ii++,mm++) {
|
var name = data.detailSystemList[mm].appName;
|
var createtime = data.detailSystemList[mm].createtime;
|
var mydate = new Date(parseInt(createtime)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
|
var id = data.detailSystemList[mm].id;
|
var packageName = data.detailSystemList[mm].packageName;
|
var platform = data.detailSystemList[mm].platform;
|
var systype=(platform == 1? "Android":"IOS");
|
$(".liebiao").append(tabHtml);
|
$(".xuanze .curSys").eq(mm).attr("key",id);
|
$(".code").eq(mm).text(id);
|
$(".sysName").eq(mm).text(name);
|
$(".bundleId").eq(mm).text(packageName);
|
$(".sysType").eq(mm).text(systype);
|
$(".createtime").eq(mm).text(mydate);
|
$(".liebiao table").eq(mm).find(".anniu").attr("key",id);
|
$(".liebiao table").eq(mm).find(".anniu a").attr("href","edit-system.html?key="+id);
|
}
|
|
$(".liebiao table .delete").bind("click",function(){
|
var $obj = $(this);
|
layer.confirm('您确定要删除？', {
|
btn: ['否','是'] //按钮
|
}, function(index){
|
layer.close(index);
|
return false;
|
}, function(){
|
var id = $obj.attr("key");
|
deleteSystem(id);
|
});
|
});
|
}
|
|
function deleteSystem(ids){
|
$.post("api/system/deleteDetailSystemList",{"ids":ids},function(data){
|
if(data=="yes"){
|
layer.msg("删除成功！");
|
getData(1);
|
}else{
|
layer.msg("删除失败！");
|
}
|
},"text");
|
}
|
|
</script>
|
</body>
|
</html>
|
