<!DOCTYPE html>
|
<html>
|
|
<head>
|
<title>系统模块操作日志表</title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script src="paramconfig.js"></script>
|
<script type="text/javascript">
|
//脚本，css引用
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
loadLocalCss('jquery-ui.min.css');
|
remoteToLoadCss('BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/datepicker.css');
|
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
remoteToLoadCss('BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
|
remoteToLoadCss('BootStrap4/expand/css/jqGridCommon.css');
|
|
|
remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/layer/layer.js');
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
|
loadLocalJs('vue.min.js');
|
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/grid.locale-cn.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.min.js');
|
loadLocalJs('jquery-ui.min.js');
|
remoteToLoadJs('BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.js');
|
remoteToLoadJs('BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.zh-CN.min.js');
|
|
loadLocalJs('common.js');
|
|
</script>
|
<style>
|
html {
|
overflow-x: hidden;
|
}
|
|
body {
|
background-color: white;
|
padding-bottom: 0;
|
}
|
|
th {
|
text-align: center;
|
}
|
|
.col-xs-12,
|
.col-sm-12,
|
.col-md-6,
|
.col-lg-4,
|
.col-xl-3 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.ui-autocomplete {
|
max-height: 100px;
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
#searchForm .col-sm-2 {
|
padding: 0;
|
}
|
|
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
|
white-space: nowrap !important;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="rapp" v-cloak>
|
<div v-show="showList">
|
<div class="panel panel-default">
|
<div class="panel-heading"> 查询区 </div>
|
<div class="panel-body SearchBox">
|
<form id="searchForm">
|
<div class="row" style="padding: 0px;height: 45px;">
|
<div class="col-sm-3">
|
<label class="control-label">黑名单IP</label>
|
<div class="controls">
|
<input type="text" class="form-control" id="requestip" name="UserName"
|
onkeyup="findUserByWord()" onclick="findUserByWord()" placeholder="输入IP查询">
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<label class="control-label">IP状态</label>
|
<div class="controls">
|
<select name="status" id="status" class="form-control"
|
>
|
<option value="">全部</option>
|
<option value="1">生效</option>
|
<option value="2">失效</option>
|
</select>
|
</div>
|
</div>
|
|
|
</div>
|
<div class="row" style="height: 45px;">
|
<div class="col-sm-3">
|
<label class="control-label">拦截周期</label>
|
<div class="controls">
|
<input type="text" id="time" class="form-control" name="UserName" placeholder="拦截周期" style="width:70%; float:left" />
|
<select class="form-control" id="seltime"
|
style="display: block; width: 60px; float: right;">
|
<option value="s">秒</option>
|
<option value="m">分</option>
|
<option value="h">时</option>
|
</select>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<label class="control-label">拦截次数</label>
|
<div class="controls">
|
<input class="layui-input" id="count" type="text" placeholder="拦截次数" style=" font-size: 1rem;
|
line-height: 1.5;
|
color: #55595c;
|
background-color: #fff;
|
background-image: none;
|
border: 1px solid #ccc;
|
border-radius: 0.25rem;
|
height: 33px;
|
padding-left: 5px;">
|
<button type="button" class="btn btn-primary lang" onclick="submitLJInfo()" style="display: block;
|
float: right;height: 33px;
|
">修改</button>
|
</div>
|
</div>
|
|
<div class="col-sm-6" style="display:block;">
|
<div style="float: right;padding-right: 0.75em;">
|
<a class="btn btn-primary-outline" @click="query"><i
|
class="fa fa-search"></i> 查询</a>
|
<a class="btn btn-primary-outline" onclick="resetForm('searchForm')"><i
|
class="fa fa-trash-o"></i> 清除</a>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<table id="jqGrid"></table>
|
<div id="jqGridPager"></div>
|
</div>
|
<!-- <div v-show="!showList" class="panel panel-default">
|
<div class="panel-heading">{{title}}</div>
|
<form class="form-horizontal">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">系统用户ID</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.userid" placeholder="系统用户ID" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">所属系统ID</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.appid" placeholder="所属系统ID" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">操作时间</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.dodate" placeholder="操作时间" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">所属大模块名称</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.largemodel" placeholder="所属大模块名称" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">具体模块名称</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.smallmodel" placeholder="具体模块名称" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">请求网址</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.requesturl" placeholder="请求网址" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">请求客户端IP地址</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.requestip" placeholder="请求客户端IP地址" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">操作说明</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" v-model="action.remark" placeholder="操作说明" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定" />
|
<input type="button" class="btn btn-warning" @click="reload" value="返回" />
|
</div>
|
</form>
|
</div> -->
|
</div>
|
<script src="black.js"></script>
|
<script>
|
$(function () {
|
$(".date-picker").datepicker({
|
language: 'zh-CN',
|
format: 'yyyy-mm-dd'
|
}); //初始化时间控件
|
})
|
|
</script>
|
</body>
|
|
</html>
|
