<!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">
|
<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">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td class="xiala">
|
<select name="select" class="form-control systemItem">
|
<option key="" package="">全部</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>
|
<td>
|
<div class="tianjia">
|
<a href="add-kefuduancanshu.html" class="btn btn-primary" role="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="10%">名称</th>
|
<th width="10%">KEY</th>
|
<th width="25%">VALUE</th>
|
<th width="13%">APP</th>
|
<th width="15%">更新时间</th>
|
<th width="10%">删除</th>
|
<th width="10%">编辑</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td style="line-height: 70px;text-align: center;" width="7%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" class="check-item" value="#"/>
|
</label>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;" width="10%">
|
<div class="bianhaoname">
|
<a href="#"></a>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;" width="10%">
|
<div class="key">
|
<label>
|
</label>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;" width="25%">
|
<div class="value">
|
<label>
|
</label>
|
</div>
|
</td>
|
<td class="apps" width="13%">
|
<div class="appname">
|
<div class="checkbox">
|
<label>
|
<input type="checkbox" value="#"></input>
|
</label>
|
</div>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;" width="15%">
|
<div class="updatetime">
|
<label></label>
|
</div>
|
</td>
|
<td width="10%">
|
<div class="anniu delete"><img src="image/dustbin.png" />
|
</div>
|
</td>
|
<td width="10%">
|
<div class="anniu edit">
|
<a href="javascript:void(0)"><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" value="#" class="checkAll">
|
全选</label>
|
</div>
|
</div>
|
<button class="btn btn-warning batchDel" 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="//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="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/common.js"></script>
|
<script>
|
var trHtml;
|
var appHtml;
|
$(function() {
|
|
trHtml = $(".liebiao tbody").html();
|
appHtml = $(".apps").html();
|
$(".liebiao tbody").empty();
|
|
$(".checkAll").bind("click", function() {
|
if(this.checked) {
|
$(".xuanze > label >input ").prop('checked', true)
|
} else {
|
$(".xuanze > label >input ").prop('checked', false)
|
}
|
});
|
$(".searchBtn").bind("click", function(){
|
getClientParamsData(1);
|
});
|
getClientParamsData(1);
|
});
|
|
function getClientParamsData(pageindex) {
|
var lay = layer.load(0, {
|
'shade': false
|
});
|
var platform = $(".xiala > select > option:checked").attr("key");
|
var packages = $(".xiala > select > option:checked").attr("package");
|
var searchText = $(".searchText").val();
|
$.post("api/v1/clientParams/getSystemClientParamsList", { "pageIndex": pageindex,"platform":platform, "packages":packages, "key":searchText}, function(data) {
|
if(data.code == 0) {
|
setClientParamsData(pageindex, data);
|
fillPage(data.data.pe, function(pageindex) {
|
getClientParamsData(pageindex);
|
});
|
} else {
|
layer.msg("数据访问出错");
|
}
|
layer.close(lay);
|
|
}, 'json');
|
|
}
|
|
function setClientParamsData(index, data) {
|
$(".liebiao tbody").empty();
|
index = index - 1;
|
var pageSize = data.data.pe.pageSize;
|
var totalCount = data.data.pe.totalCount;
|
var len = (pageSize < totalCount - (index * pageSize)) ? pageSize : totalCount - (index * pageSize);
|
len = (index * pageSize) + len;
|
var tt = index * pageSize;
|
var systemList = data.data.systemList;
|
for(var ii = 0; tt < len && tt <= totalCount <= pageSize; ii++, tt++) {
|
var systemClientParams = data.data.clientParamsList[ii].systemClientParams;
|
var systems = data.data.clientParamsList[ii].systemList;
|
var key = systemClientParams.key;
|
var value = systemClientParams.value;
|
var name = systemClientParams.name;
|
var updatetime = systemClientParams.updatetime;
|
$(".liebiao tbody").append(trHtml);
|
var $curTr = $(".liebiao tbody tr").eq(ii);
|
$curTr.find(".xuanze input").attr("fk1", key);
|
$curTr.find(".xuanze input").attr("fk2", value);
|
$curTr.find(".xuanze input").attr("fk3", name);
|
|
|
$curTr.find(".bianhaoname > a").text(name);
|
/* $curTr.find(".bianhaoname > a").attr("href",value); */
|
|
|
|
$curTr.find(".key label").text(key);
|
$curTr.find(".value label").text(value);
|
|
|
$curTr.find(".apps").empty();
|
$curTr.find(".anniu").attr("fk1", key);
|
$curTr.find(".anniu").attr("fk2", value);
|
$curTr.find(".anniu").attr("fk3", name);
|
var mydate = new Date(parseInt(updatetime)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
|
$curTr.find(".updatetime").text(mydate);
|
var kg = " ";
|
for(var mm = 0; mm < systemList.length; mm++) {
|
$curTr.find(".apps").append(appHtml);
|
$curTr.find(".apps .checkbox label").eq(mm).append(kg + systemList[mm].name);
|
$curTr.find(".apps .checkbox label input").eq(mm).attr("fk1", key);
|
$curTr.find(".apps .checkbox label input").eq(mm).attr("fk2", value);
|
$curTr.find(".apps .checkbox label input").eq(mm).attr("fk3", name);
|
$curTr.find(".apps .checkbox label input").eq(mm).attr("key", systemList[mm].platform);
|
$curTr.find(".apps .checkbox label input").eq(mm).attr("package", systemList[mm].packageName);
|
for(var nn = 0; nn < systems.length; nn++) {
|
if(systems[nn].platform == systemList[mm].platform && systems[nn].packageName == systemList[mm].packageName) {
|
$curTr.find(".checkbox label input").eq(mm).attr("checked", true);
|
}
|
}
|
}
|
}
|
$(".apps .checkbox input[type='checkbox']").bind("click", function() {
|
var key = $(this).attr("fk1");
|
var value = $(this).attr("fk2");
|
var name = $(this).attr("fk3");
|
var platform = $(this).attr("key");
|
var packageName = $(this).attr("package");
|
var ck = this.checked;
|
var type = ck ? "add" : "delete";
|
$.post("api/v1/clientParams/setSystemClientParamsSystem",
|
{ "type": type,"key":key,"value":value,"name":name,"platform": platform,"packages": packageName },
|
function(data) {
|
if(data.code==0){
|
if(type=="add"){
|
layer.msg("添加成功");
|
}else{
|
layer.msg("删除成功");
|
}
|
}else{
|
layer.msg("操作失败");
|
}
|
}, 'json');
|
});
|
|
$(".liebiao tbody .delete").bind("click",function(){
|
var $obj=$(this);
|
layer.confirm('是否删除？', {
|
btn: ['否', '是']
|
}, function(index) {
|
layer.close(index);
|
return false;
|
}, function() {
|
var systemClientParams=new Object();
|
systemClientParams.key = $obj.attr("fk1");
|
systemClientParams.value = $obj.attr("fk2");
|
systemClientParams.name = $obj.attr("fk3");
|
var array = new Array();
|
array.push(systemClientParams);
|
deleteSystemClientParams(array);
|
});
|
});
|
|
$(".liebiao tbody .edit").bind("click",function(){
|
var key = $(this).attr("fk1");
|
var value =$(this).attr("fk2");
|
var name = $(this).attr("fk3");
|
location.href="edit-kefuduancanshu.html?k="+key+"&v="+value+"&n="+name;
|
});
|
|
$(".batchDel").bind("click", function() {
|
var arr = new Array();
|
$(".xuanze input[type='checkbox']").each(function() {
|
var cur = $(this);
|
var ck = this.checked;
|
if(ck) {
|
var systemClientParams=new Object();
|
systemClientParams.key = $(this).attr("fk1");
|
systemClientParams.value = $(this).attr("fk2");
|
systemClientParams.name = $(this).attr("fk3");
|
arr.push(systemClientParams);
|
}
|
});
|
if(arr.length == 0) {
|
layer.msg("请先选择数据！");
|
return;
|
}
|
layer.confirm('是否批量删除？', {
|
btn: ['否', '是']
|
}, function(index) {
|
layer.close(index);
|
return false;
|
}, function() {
|
deleteSystemClientParams(arr);
|
$(".checkAll").prop("checked", false);
|
});
|
});
|
}
|
|
function deleteSystemClientParams(arr){
|
$.ajax({
|
type:"post",
|
url:"api/v1/clientParams/deleteSystemClientParams",
|
async:true,
|
data:JSON.stringify(arr),
|
dataType:'json',
|
contentType:"application/json",
|
success:function(data){
|
if(data.code==0){
|
layer.msg("删除成功");
|
getClientParamsData(1);
|
}else{
|
layer.msg("删除失败");
|
}
|
},
|
error:function(data){
|
layer.msg("删除失败");
|
}
|
});
|
}
|
</script>
|
|
</body>
|
|
</html>
|
