<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>刷卡开工</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<!--引用layui样式文件-->
|
<link rel="stylesheet" href="../../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../../layuiadmin/style/admin.css" media="all">
|
<!--引用layui js文件-->
|
<script src="../../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../../../layuiadmin/PubCustom.js"></script>
|
<script src="../../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script src="../../../../layuiadmin/PageTitle.js"></script>
|
</head>
|
<body>
|
<div class="layui-fluid" style="padding: 0;">
|
<div class="layui-card" style="padding: 2px;background-color: #efefef;">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="formData" style="background-color:white;">
|
<div style="padding: 10px; height: 280px; background-image: url(../../layuiadmin/ax/images/iccard-bg.jpg); height: 240px; background-size: 100% 100%;">
|
<!--<div class="layui-row header">
|
<h1 class="layui-col-xs4 layui-col-xs-offset4" style="color: #1e9fff ">刷卡登录</h1>
|
</div>-->
|
<div style="margin-top:5px">
|
<label class="layui-form-label">
|
<i class="layui-icon layui-icon-username"></i>
|
</label>
|
<div class="layui-col-xs6">
|
<input type="text" class="layui-input" placeholder="请刷IC卡" id="HBardCode" autocomplete="off" name="HBardCode" lay-verify="HBardCode" style="">
|
</div>
|
</div>
|
<!--<div style="background-image: url(../../layuiadmin/ax/images/iccard-bg.jpg); height: 240px; background-size: 100% 100%;margin-top:40px">
|
|
</div>-->
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
|
</body>
|
</html>
|
<script>
|
layui.config({
|
base: '../../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
|
//#region 公用变量
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, laydate = layui.laydate
|
, element = layui.element;
|
|
//#endregion
|
|
//#region 初始化界面
|
//进入页面默认光标在条形码上
|
$("#HBardCode").focus();
|
//#endregion
|
|
//#region 触发事件：包括form.on(){}格式的所有点击事件、选择事件等
|
|
//条码回车
|
$('#HBardCode').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
event.preventDefault();//禁用表单回车提交自带功能
|
var HBardCode = $('#HBardCode').val();
|
if (!HBardCode) {
|
layer.msg("条形码不能为空！")
|
return;
|
}
|
txtHBarCode_KeyDown(HBardCode);
|
}
|
});
|
//#endregion
|
|
//#region 此页面所有的方法
|
|
//条码回车
|
function txtHBarCode_KeyDown(HBarCode) {
|
var index = layer.load();
|
$.ajax({
|
url: GetWEBURL() + "/Web/GetUserByICCard",
|
type: "GET",
|
data: { "HBarCode": HBarCode },
|
success: function (result) {
|
if (result.count == 1) {
|
layer.close(index);
|
layer.msg("登录匹配成功!", { time: 1 * 1000, icon: 1 }, function (index) {
|
parent.getDataByICCard(result);
|
setTimeout(function () {
|
var index2 = parent.layer.getFrameIndex(window.name);
|
parent.layer.close(index2);
|
}, 700);
|
})
|
}
|
else {
|
layer.close(index);
|
layer.msg("出现问题！" + result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
},
|
error: function (err) {
|
layer.close(index);
|
layer.msg("接口请求失败！" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
}
|
//#endregion
|
|
//以上为layui模块
|
});
|
|
</script>
|
