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>
|
||
} |