169 lines
8.1 KiB
HTML
169 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>二微码管理</title>
|
||
<link href="../../js/layui/css/layui.css" rel="stylesheet" type="text/css"/>
|
||
<link rel="stylesheet" href="../../css/bootstrap-table/bootstrap-table.css"/>
|
||
<script src="../../js/public/jquery-3.6.0.js"></script>
|
||
<script type="text/javascript" src="../../js/layui/layui.js"></script>
|
||
<script src="../../js/public/public.js" type="text/javascript"></script>
|
||
</head>
|
||
<body>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label" for="up">向上</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="up" name="up" required readonly autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">向下</label>
|
||
<div class="layui-input-block">
|
||
<input id="down" name="down" type="text" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">向左</label>
|
||
<div class="layui-input-block">
|
||
<input id="left" name="left" type="text" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">向右</label>
|
||
<div class="layui-input-block">
|
||
<input id="right" type="text" name="right" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">放大</label>
|
||
<div class="layui-input-block">
|
||
<input id="amplify" type="text" name="amplify" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">缩小</label>
|
||
<div class="layui-input-block">
|
||
<input id="shrink" type="text" name="shrink" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">远焦</label>
|
||
<div class="layui-input-block">
|
||
<input id="farFocus" type="text" name="farFocus" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">近焦</label>
|
||
<div class="layui-input-block">
|
||
<input id="nearFocus" type="text" name="nearFocus" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">拍照</label>
|
||
<div class="layui-input-block">
|
||
<input id="photoLocal" type="text" name="photoLocal" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">录像</label>
|
||
<div class="layui-input-block">
|
||
<input id="videoLocal" type="text" name="videoLocal" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-form-pane">
|
||
<label class="layui-form-label">设置</label>
|
||
<div class="layui-input-block">
|
||
<input id="escape" type="text" name="escape" maxlength="122" autocomplete="off" readonly class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block" style="float: right;margin-right: 5px;">
|
||
<button class="layui-btn" id="preservation">保存</button>
|
||
<button id="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
let id = "up";
|
||
let arr = [];
|
||
let allInput = $("input");
|
||
$(function () {
|
||
initial();
|
||
});
|
||
$('#reset').click(function () {
|
||
initial();
|
||
});
|
||
|
||
function initial() {
|
||
let up = isEmpty(localStorage.getItem("up")) ? "W" : localStorage.getItem("up");
|
||
let down = isEmpty(localStorage.getItem("down")) ? "S" : localStorage.getItem("down");
|
||
let left = isEmpty(localStorage.getItem("left")) ? "A" : localStorage.getItem("left");
|
||
let right = isEmpty(localStorage.getItem("right")) ? "D" : localStorage.getItem("right");
|
||
let amplify = isEmpty(localStorage.getItem("amplify")) ? "Q" : localStorage.getItem("amplify");
|
||
let shrink = isEmpty(localStorage.getItem("shrink")) ? "E" : localStorage.getItem("shrink");
|
||
let farFocus = isEmpty(localStorage.getItem("farFocus")) ? "R" : localStorage.getItem("farFocus");
|
||
let nearFocus = isEmpty(localStorage.getItem("nearFocus")) ? "T" : localStorage.getItem("nearFocus");
|
||
let photoLocal = isEmpty(localStorage.getItem("photoLocal")) ? "F" : localStorage.getItem("photoLocal");
|
||
let videoLocal = isEmpty(localStorage.getItem("videoLocal")) ? "G" : localStorage.getItem("videoLocal");
|
||
let escape = isEmpty(localStorage.getItem("escape")) ? "Escape" : localStorage.getItem("escape");
|
||
$("#up").val(up);
|
||
$("#down").val(down);
|
||
$("#left").val(left);
|
||
$("#right").val(right);
|
||
$("#amplify").val(amplify);
|
||
$("#shrink").val(shrink);
|
||
$("#farFocus").val(farFocus);
|
||
$("#nearFocus").val(nearFocus);
|
||
$("#photoLocal").val(photoLocal);
|
||
$("#videoLocal").val(videoLocal);
|
||
$("#escape").val(escape);
|
||
arr = [];
|
||
}
|
||
|
||
allInput.click(function () {
|
||
id = this.id;
|
||
});
|
||
allInput.focus(function () {
|
||
$(this).css({
|
||
'box-shadow': '0 0 5px #cccccc'
|
||
});
|
||
});
|
||
allInput.blur(function () {
|
||
$(this).css({
|
||
'box-shadow': ''
|
||
});
|
||
});
|
||
document.onkeydown = function (event) {
|
||
let e = event || window.event || arguments.callee.caller.arguments[0];
|
||
if(e.code.indexOf("Key") != -1){
|
||
$('#' + id).val(e.code.replaceAll("Key",''));
|
||
}else{
|
||
$('#' + id).val(e.code);
|
||
}
|
||
};
|
||
$('#preservation').click(function () {
|
||
allInput.each(function () {
|
||
let val = $(this).val();
|
||
arr.push(val);
|
||
});
|
||
if (new Set(arr).size !== arr.length) {
|
||
parent.layer.msg("按键冲突,请重新设置", {
|
||
icon: 0,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
});
|
||
} else {
|
||
arr = [];
|
||
allInput.each(function () {
|
||
let val = $(this).val();
|
||
localStorage.setItem(this.id, val);
|
||
});
|
||
parent.layer.msg("设置成功", {
|
||
icon: 1,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
});
|
||
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |