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