253 lines
8.3 KiB
Plaintext
253 lines
8.3 KiB
Plaintext
@model List<dccdc.Models.AccessModel>
|
||
|
||
@{
|
||
ViewBag.Title = "门禁设备";
|
||
}
|
||
<div style="padding:10px">
|
||
<div id="maingrid" style="width:100%;"></div>
|
||
</div>
|
||
|
||
|
||
<script type="text/javascript" src="@Url.Content("~/Scripts/public.js")"></script>
|
||
<script type="text/javascript" src="@Url.Content("~/layuiadmin/layui/layui.js")"></script>
|
||
<script type="text/javascript" src="@Url.Content("~/layuiadmin/layui/layui.all.js")"></script>
|
||
<link type="text/css" rel="stylesheet" href="@Url.Content("~/layuiadmin/layui/css/layui.css")" />
|
||
<style type="text/css">
|
||
.div_box {
|
||
width: 80%;
|
||
height: 800px;
|
||
margin: 0 auto;
|
||
/*background: url(/Images/tabl_back.png)no-repeat;*/
|
||
background-size: 20px;
|
||
}
|
||
|
||
.div_cont_box ul {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
padding-top: 102px !important;
|
||
padding-left: 35px;
|
||
}
|
||
|
||
.div_cont_box ul li {
|
||
list-style: none;
|
||
background: url(@Url.Content("~/Images/li_back.png"))no-repeat;
|
||
width: 1029px;
|
||
height: 70px;
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.clear_box::after {
|
||
content: "";
|
||
display: block;
|
||
clear: both;
|
||
}
|
||
|
||
.li_left {
|
||
width: 50%;
|
||
height: 70px;
|
||
float: left;
|
||
padding-left: 20px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.li_right {
|
||
width: 50%;
|
||
height: 70px;
|
||
float: left;
|
||
}
|
||
|
||
.li_left a {
|
||
color: #FFF;
|
||
font-size: 18px;
|
||
line-height: 57px;
|
||
float: left;
|
||
display: block;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.sbmc {
|
||
font-size: 20px !important;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.li_right button {
|
||
background: #FFF;
|
||
color: #0661a1;
|
||
height: 35px;
|
||
border: none;
|
||
padding: 5px 15px;
|
||
border-radius: 20px;
|
||
margin-top: 17px;
|
||
line-height: 15px;
|
||
margin-right: 15px;
|
||
outline: none;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.icon_car {
|
||
width: 30px;
|
||
height: 30px;
|
||
background: url(@Url.Content("~/Images/car.png"))no-repeat;
|
||
margin -right: 10px;
|
||
display: block;
|
||
margin-top: 18px !important;
|
||
float: left;
|
||
margin-left: 37px;
|
||
}
|
||
|
||
.icon_men {
|
||
width: 30px;
|
||
height: 30px;
|
||
background: url(@Url.Content("~/Images/men02.png"))no-repeat;
|
||
margin -right: 10px;
|
||
display: block;
|
||
margin-top: 18px !important;
|
||
float: left;
|
||
margin-left: 37px;
|
||
}
|
||
</style>
|
||
|
||
<div style=" width: 600px;
|
||
margin-left: 237px;
|
||
margin-bottom: -90px;
|
||
margin-top: 10px;">
|
||
<button class="layui-btn" value="2" title="添加" onclick="setTop(this)">添加</button>
|
||
<button class="layui-btn layui-btn-normal" value="2" title="修改" layui-btn-normal" onclick="setTop(this)">修改</button>
|
||
<button class="layui-btn layui-btn-danger" onclick="">删除</button>
|
||
</div>
|
||
<div class="div_box">
|
||
<div class="div_cont_box">
|
||
|
||
<ul>
|
||
@{
|
||
for (int i = 0; i < Model.Count; i++)
|
||
{
|
||
<li class="clear_box">
|
||
<div class="li_left">
|
||
<span class="icon_car"></span>
|
||
<a class="sbmc" value="sbmc">@Model[i].sbmc</a>
|
||
</div>
|
||
<div class="li_right">
|
||
<button doorid="@Model[i].id" type="button" value="0" onclick="setTop(this)">临时开门</button>
|
||
<button doorid="@Model[i].id" type="button" value="1" title="查看详情" onclick="setTop(this)">详细信息</button>
|
||
<button doorid="@Model[i].id" type="button" value="3" title="出入记录" onclick="setTop(this)">出入记录</button>
|
||
<button doorid="@Model[i].id" type="button" value="2" title="修改" onclick="setTop(this)">修改</button>
|
||
<button doorid="@Model[i].id" onclick="del(this)" type="button">删除</button>
|
||
</div>
|
||
</li>
|
||
}
|
||
}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
@section scripts{
|
||
<script type="text/javascript" src="@Url.Content("~/Scripts/public.js")"></script>
|
||
<script type="text/javascript">
|
||
function setTop(obj) {
|
||
var id = $(obj).attr("doorid");
|
||
var vlue = obj.value;
|
||
debugger
|
||
try {
|
||
if (vlue == 2) {
|
||
layer.open({
|
||
type: 2,
|
||
area: ['50%', '70%'],
|
||
title: obj.title,
|
||
maxmin: true,
|
||
content: 'AccessForm?id=' + id,
|
||
btn: ['保存', '关闭'],
|
||
yes: function (index) {
|
||
|
||
layer.getChildFrame('#btnsubmit', index).click();
|
||
}, btn2:function (index) {
|
||
layer.close(index);
|
||
}
|
||
});
|
||
}
|
||
else if (vlue == 1) {
|
||
layer.open({
|
||
type: 2,
|
||
area: ['50%', '70%'],
|
||
title: obj.title,
|
||
maxmin: true,
|
||
content: 'AccessForm?id=' + id,
|
||
btn: ['关闭'],
|
||
yes: function (index) {
|
||
layer.close(index);
|
||
}
|
||
});
|
||
}
|
||
else if (vlue == 3) {
|
||
layer.open({
|
||
type: 2,
|
||
area: ['50%', '70%'],
|
||
title: obj.title,
|
||
maxmin: true,
|
||
content: 'OpeningRecordResult?doorid=' + id,
|
||
btn: ['关闭'],
|
||
yes: function (index) {
|
||
layer.close(index);
|
||
}
|
||
})
|
||
}
|
||
else if (vlue == 0) {
|
||
var index = 0;
|
||
$.ajax("@Url.Action("lskm")", {
|
||
type: "post", dataType: "json", data: {doorid:id},
|
||
beforeSend: function () {
|
||
index = layer.load(0, { shade: [0.3, '#000'], content:"正在开门请稍后……" });
|
||
},
|
||
success: function (data) {
|
||
layer.close(index);
|
||
if (data.State == 0) {
|
||
layer.msg(data.Message, {
|
||
shade: [0.2, '#000'],
|
||
icon: 2,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
});
|
||
}
|
||
else {
|
||
layer.msg(data.Message, {
|
||
shade: [0.2, '#000'],
|
||
icon: 1,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
}
|
||
function del(obj) {
|
||
var id = $(obj).attr("doorid");
|
||
layer.confirm('确定删除吗？', {
|
||
btn: ['确定','取消'] //按钮
|
||
}, function(){
|
||
$.ajax({
|
||
type: "Post",
|
||
url: "DeleteAccess?id=" + id,
|
||
data:id,
|
||
dataType: "text",
|
||
success: function () {
|
||
layer.msg('删除成功');
|
||
location.reload();
|
||
},
|
||
error: function (xmlReq, err, c) {
|
||
layer.msg('删除失败');
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
|
||
</script>
|
||
}
|
||
|
||
|
||
|
||
|