|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>接入规则</title>
|
|
|
<meta name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta name="viewport"
|
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<link rel="stylesheet" href="../../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../../static/css/weadmin.css">
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
select {
|
|
|
width: 180px;
|
|
|
height: 38px;
|
|
|
line-height: 38px;
|
|
|
border: 1px solid #ccc;
|
|
|
border-radius: 3px;
|
|
|
font-size: 15px;
|
|
|
padding-left: 6px;
|
|
|
color: #666;
|
|
|
}
|
|
|
|
|
|
.inline {
|
|
|
display: inline-block;
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
|
|
|
ul.log li {
|
|
|
color: #666666;
|
|
|
list-style: none;
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="weadmin-nav">
|
|
|
<span class="layui-breadcrumb">
|
|
|
<a href="">首页</a>
|
|
|
<a href="">集成管理</a>
|
|
|
<a>
|
|
|
<cite>接入规则</cite></a>
|
|
|
</span>
|
|
|
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right"
|
|
|
href="javascript:location.replace(location.href);" title="刷新">
|
|
|
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
|
|
|
</div>
|
|
|
<div class="weadmin-body">
|
|
|
<div class="layui-form-item">
|
|
|
<span id="current_rule_type"></span>
|
|
|
<div style="float: right;">
|
|
|
<button class="layui-btn layui-btn-normal" onclick="setRule();"><i class="layui-icon"></i>设置规则
|
|
|
<button class="layui-btn" onclick="addRule();"><i class="layui-icon"></i>添加规则</button>
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<table class="layui-table" lay-filter="demo" id="idTest"></table>
|
|
|
<script type="text/html" id="barDemo">
|
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
</script>
|
|
|
</div>
|
|
|
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
<script src="../../lib/template.js"></script>
|
|
|
<script src="../../lib/base64.js"></script>
|
|
|
<!--加载日常开发中常用的函数库-->
|
|
|
<script src="../../lib/layuiExtend.js"></script>
|
|
|
<script>
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
|
|
|
layui.use(['jquery', 'admin', 'table', 'form'], function () {
|
|
|
var $ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
table = layui.table,
|
|
|
form = layui.form;
|
|
|
|
|
|
//增加规则
|
|
|
window.addRule = function () {
|
|
|
WeAdminShow('增加IP(域名)', './addRule.html', 500, 240);
|
|
|
};
|
|
|
|
|
|
//设置规则
|
|
|
window.setRule = function () {
|
|
|
WeAdminShow('设置规则', './setRule.html', 400, 200);
|
|
|
};
|
|
|
|
|
|
//绑定规则列表
|
|
|
window.bindTable = function () {
|
|
|
table.render({
|
|
|
elem: '#idTest'
|
|
|
, url: '/baseService/app/getRuleList'
|
|
|
, cols: [[
|
|
|
{field: '', title: '序号', align: 'center', type: 'numbers'}
|
|
|
, {field: 'ip', title: 'IP(域名)', align: 'center'}
|
|
|
, {field: 'memo', title: '描述信息', align: 'center'}
|
|
|
, {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center', width: 200}
|
|
|
]]
|
|
|
, page: false
|
|
|
, done: function (res, page, count) {
|
|
|
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
bindTable();
|
|
|
|
|
|
//绑定规则类型
|
|
|
window.bindRuleType = function () {
|
|
|
var selectRuleTypeId = -1;
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
async: false,
|
|
|
url: "/baseService/app/bindRuleType",
|
|
|
success: function (data) {
|
|
|
for (var i = 0; i < data.data.length; i++) {
|
|
|
if (data.data[i].is_current == 1) {
|
|
|
selectRuleTypeId = data.data[i].rule_type_id;
|
|
|
$("#current_rule_type").html("当前设定的规则是：" + data.data[i].rule_type_name + " ");
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
bindRuleType();
|
|
|
|
|
|
//处理删除动作
|
|
|
table.on('tool(demo)', function (obj) {
|
|
|
var data = obj.data;
|
|
|
if (obj.event === 'del') {
|
|
|
layer.confirm('确定删除' + data.ip + '吗？', {icon: 0}, function (index) {
|
|
|
$.ajax({
|
|
|
type: 'post',
|
|
|
dataType: 'json',
|
|
|
url: '/baseService/app/deleteIp',
|
|
|
data: {
|
|
|
'id': data.id
|
|
|
},
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
layer.msg('删除成功！', {icon: 1});
|
|
|
bindTable();
|
|
|
} else {
|
|
|
layer.alert(data.message, {icon: 0});
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
