230 lines
8.9 KiB
Plaintext
230 lines
8.9 KiB
Plaintext
|
@model List<dccdc.Models.AccessModel>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<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>
|
|||
|
|
<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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-form-select dl dd.layui-this {
|
|||
|
|
background-color: #2377d0 !important;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-form-radio > i:hover, .layui-form-radioed > i {
|
|||
|
|
color: #2377d0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-form-checked[lay-skin=primary] i {
|
|||
|
|
border-color: #2377d0 !important;
|
|||
|
|
background-color: #2377d0 !important;
|
|||
|
|
color: #FFF !important;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#box {
|
|||
|
|
width: 630px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-table-cell {
|
|||
|
|
display: table-cell;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-form-pane .layui-form-label {
|
|||
|
|
width: 110px;
|
|||
|
|
padding: 8px 15px;
|
|||
|
|
height: 38px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
border-width: 1px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-radius: 2px 0 0 2px;
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: #f2f2f2 !important;
|
|||
|
|
overflow: hidden;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
/* f2f2f2 */
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<body>
|
|||
|
|
<div id="box">
|
|||
|
|
<form class="layui-form layui-form-pane" id="inputForm">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>设备类型</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<select name="sblx" required lay-verify="required" value="@Model[0].sblx">
|
|||
|
|
<option value=""></option>
|
|||
|
|
<option id="mj" value="1">门禁</option>
|
|||
|
|
<option id="clsb" value="2">车辆识别</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item" style="display:none">
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>id</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input type="text" name="id" required lay-verify="required" class="layui-input" value="@Model[0].id">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>设备名称</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input type="text" name="sbmc" required lay-verify="required" class="layui-input" value="@Model[0].sbmc">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>IP地址</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input name="sbip" class="layui-input" type="text" required lay-verify="required" value="@Model[0].sbip">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>用户名</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input name="yhm" class="layui-input" type="text" required lay-verify="required" value="@Model[0].yhm">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>密码</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input name="mm" class="layui-input" type="password" required lay-verify="required|pass" placeholder="请输入密码" autocomplete="off" value="@Model[0].mm">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>端口号</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input name="dkh" class="layui-input" type="text" required lay-verify="required" value="@Model[0].dkh">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item" pane>
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>二维码开门</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<input id="qy" name="ewmkf" title="启用" type="radio" value="0">
|
|||
|
|
<input id="jy" name="ewmkf" title="禁用" type="radio" value="1">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item" pane="">
|
|||
|
|
<label class="layui-form-label"><font color="red">*</font>开门类型</label>
|
|||
|
|
<div class="layui-input-block" pid="kmlx">
|
|||
|
|
<input id="tj" name="kmlx" value="1" title="体检" type="checkbox" lay-skin="primary">
|
|||
|
|
<input id="ym" name="kmlx" value="2" title="疫苗" type="checkbox" lay-skin="primary">
|
|||
|
|
<input id="yg" name="kmlx" value="4" title="员工" type="checkbox" lay-skin="primary">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<button style="display:none" class="layui-btn" lay-submit="" lay-filter="formDemo" id="btnsubmit">提交</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
@section scripts{
|
|||
|
|
<script type="text/javascript" src="@Url.Content("~/layuiadmin/layui/layui.all.js")"></script>
|
|||
|
|
<script>
|
|||
|
|
var form;
|
|||
|
|
layui.use('form', function () {
|
|||
|
|
form = layui.form;
|
|||
|
|
|
|||
|
|
//各种基于事件的操作，下面会有进一步介绍
|
|||
|
|
});
|
|||
|
|
form.verify({
|
|||
|
|
|
|||
|
|
pass: [
|
|||
|
|
/^[\S]{6,12}$/
|
|||
|
|
,'密码必须6到12位，且不能出现空格'
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
var validateForm;
|
|||
|
|
function doSubmit() {//回调函数，在编辑和保存动作时，供openDialog调用提交表单。
|
|||
|
|
if (validateForm.form()) {
|
|||
|
|
$("#inputForm").submit();
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
layui.form.on('submit(formDemo)', function (data) {
|
|||
|
|
obj = document.getElementsByName("kmlx");
|
|||
|
|
var kmlx = 0;
|
|||
|
|
for (k in obj) {
|
|||
|
|
if (obj[k].checked) {
|
|||
|
|
if (obj[k].value != null || obj[k].value != "") {
|
|||
|
|
kmlx = parseInt(kmlx) + parseInt(obj[k].value)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//JSON.stringify(data.field) 这是表单中所有的数据
|
|||
|
|
var formdata = data.field;
|
|||
|
|
var dataid;
|
|||
|
|
for (k in formdata) {
|
|||
|
|
if (k == "kmlx") {
|
|||
|
|
formdata[k] = kmlx;
|
|||
|
|
}
|
|||
|
|
if (k == "id") {
|
|||
|
|
dataid = formdata[k];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var d = JSON.stringify(data.field)
|
|||
|
|
//console.log(d,+"id:"+dataid);
|
|||
|
|
$.ajax({
|
|||
|
|
type: "Post",
|
|||
|
|
url: "UpdateAccess",
|
|||
|
|
data: d,
|
|||
|
|
contentType: "application/json;charset=utf-8",
|
|||
|
|
dataType: "text",
|
|||
|
|
success: function () {
|
|||
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|||
|
|
//console.log(index);
|
|||
|
|
parent.layer.close(index);//关闭弹出
|
|||
|
|
window.parent.location.reload();
|
|||
|
|
},
|
|||
|
|
error: function (xmlReq, err, c) {
|
|||
|
|
alert("异常")
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
if (@Model[0].sblx== 1) {
|
|||
|
|
$("#mj").attr("selected", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].sblx== 2) {
|
|||
|
|
$("#clsb").attr("selected", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].ewmkf== 0) {
|
|||
|
|
$("#qy").attr("checked", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].ewmkf== 1) {
|
|||
|
|
$("#jy").attr("checked", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].kmlx& 1) {
|
|||
|
|
$("#tj").attr("checked", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].kmlx& 2) {
|
|||
|
|
$("#ym").attr("checked", "true")
|
|||
|
|
}
|
|||
|
|
if (@Model[0].kmlx& 4) {
|
|||
|
|
$("#yg").attr("checked", "true")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
form.render();
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
}
|