124 lines
4.5 KiB
Plaintext
124 lines
4.5 KiB
Plaintext
<div style="padding:10px">
|
||
|
||
</div>
|
||
<style type="text/css">
|
||
.layui-btn {
|
||
display: inline-block;
|
||
height: 38px;
|
||
line-height: 38px;
|
||
padding: 0 18px;
|
||
background-color: #1E9FFF !important;
|
||
color: #fff;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
border: none;
|
||
border-radius: 2px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.layui-input, .layui-textarea {
|
||
display: block;
|
||
width: 100% !important;
|
||
padding-left: 10px;
|
||
}
|
||
</style>
|
||
<form class="layui-form">
|
||
<div class='searchTable'>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">姓名</label>
|
||
<div class="layui-input-block">
|
||
<input id="name" name="name" class="layui-input" type="text" placeholder="请输入姓名" autocomplete="off" lay-verify="title">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline" style="float: right;">
|
||
<button class="layui-btn" data-type="reload">搜索</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<script type="text/javascript" src="@Url.Content("~/Scripts/public.js")"></script>
|
||
<script type="text/javascript" src="@Url.Content("~/layuiadmin/layui/layui.js")"></script>
|
||
<link type="text/css" rel="stylesheet" href="@Url.Content("~/layuiadmin/layui/css/layui.css")" />
|
||
|
||
<table id="maingrid" class="layui-hide" lay-filter="rysq"></table>
|
||
<script type="text/html" id="barDemo">
|
||
<a class="layui-btn layui-btn-xs" lay-event="edit">开门权限</a>
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
layui.use('table',
|
||
function() {
|
||
var table = layui.table;
|
||
//展示已知数据
|
||
table.render({
|
||
elem: '#maingrid',
|
||
autoSort: true,
|
||
id:"alltableID",
|
||
cols: [
|
||
[//标题栏
|
||
|
||
{ field: 'UserName', title: '用户名'},
|
||
{ field: 'TrueName', title: '姓名' },
|
||
{ field: 'JiaoSe', title: '角色'},
|
||
{ field: 'ZhiWei', title: '职位' },
|
||
{ field: 'ZaiGang', title: '在岗' }
|
||
,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo',title:'操作'}
|
||
]
|
||
],
|
||
page: true,
|
||
url: "@Url.Action("Accessygsq")",
|
||
even: true
|
||
});
|
||
table.on('tool(rysq)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
||
var data = obj.data; //获得当前行数据
|
||
var ygid=data["ID"]
|
||
layEvent = obj.event; //获得 lay-event 对应的值
|
||
if (layEvent === 'edit') {
|
||
rysq(ygid);
|
||
|
||
}
|
||
});
|
||
var active = {
|
||
reload: function() {
|
||
var TrueName = $("#name").val();
|
||
// var state = $("#state").val();
|
||
var index = layer.msg('查询中，请稍后...', { icon: 16, time: false, shade: 0 });
|
||
table.reload('alltableID',
|
||
{ page: { curr: 1 }, where: { TrueName: TrueName } });
|
||
layer.close(index);
|
||
}
|
||
};
|
||
$('.searchTable .layui-btn').on('click',
|
||
function() {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
return false;
|
||
});
|
||
|
||
|
||
function rysq(ygid) {
|
||
layer.open({
|
||
type: 2,
|
||
area: ['20%', '50%'],
|
||
title: "开门权限",
|
||
maxmin: true,
|
||
content: 'rysq?ygid=' + ygid,
|
||
btn:['保存', '关闭'],
|
||
yes: function (index) {
|
||
layer.getChildFrame('#btnsubmit', index).click();
|
||
}, function(index) {
|
||
layer.close(index);
|
||
}
|
||
})
|
||
}
|
||
|
||
});
|
||
</script>
|
||
|
||
|